@charset "UTF-8";#header,#headerBox{position:relative;z-index:1}#contents address,#contents cite,#contents dd,#contents div,#contents dt,#contents h1,#contents h2,#contents h3,#contents h4,#contents h5,#contents h6,#contents input,#contents li,#contents option,#contents p,#contents pre,#contents td,#contents textarea,#contents th{font-family:Noto Sans Japanese}#contents{font-size:12px}.pc{display:block}.sp{display:none}#contents{margin-bottom:0;position:relative;width:auto}#contents>.inner{left:50%;margin-left:-475px;position:absolute;top:20px;z-index:1}#crumb{margin:0 0 5px;padding:0}#crumb li{color:#fff;display:inline;margin-left:.5em}#crumb li:before{content:">";margin-right:.5em}#crumb li:first-child{margin-left:0}#crumb li:first-child:before{display:none}#crumb li a{text-decoration:underline}#crumb li a:hover{text-decoration:none}#contents .section{position:relative}#contents .ttl{font-family:Lora,游明朝,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif}#contents .ttl-box{margin:40px 0}#contents .ttl-box .ttl{font-size:30px;line-height:1.3;margin-bottom:15px;text-align:left}#contents .ttl-box .ttl-sub{color:#f33;font-family:Oxygen,sans-serif!important;font-size:14px;text-align:left}#contents .history-head{padding:20px 0 50px}#contents .history-head .ttl,#contents .history-head .ttl-sub{text-align:center}#contents .history-head .ttl-box{margin-bottom:30px}#contents .history-head .txt{text-align:center}#contents .button-red{margin:55px auto;text-align:center}#contents .button-red a{background:#f63343;border-radius:3px;color:#fff;display:inline-block;font-size:16px;padding:27px 46px 27px 50px}#contents .button-red a:before{border-right:2px solid #fff;border-top:2px solid #fff;content:"";display:inline-block;height:6px;margin-right:7px;margin-top:-3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;width:6px}#contents .button-red.return a:before{border:2px solid #fff;border-right:none;border-top:none}#contents .button-red a:hover{opacity:.8;text-decoration:none}#contents .txt{font-size:14px;line-height:1.8}#contents .txt-end{background-color:#fff;color:#666;font-size:12px;line-height:1.8;margin-left:8px;margin-top:10px}#contents .wbox{background-color:#fff;padding:60px 48px 43px;width:50%}.product-category{background-color:#fff;padding:20px 0;position:relative;z-index:1}.product-category p{display:inline-block;line-height:2;vertical-align:middle}.product-category .icon{border:1px solid #000;display:inline-block;margin-left:10px;padding:1px 5px;vertical-align:middle}.product-category .icon.no{border-color:#fff}.lock{overflow:hidden}.lock #wrapAll{overflow:auto!important}.modal-overlay{background-color:rgba(255,51,51,.8);height:120%;z-index:1}.modal-overlay,.modal-wrap{display:none;left:0;position:fixed;top:0;width:100%}.modal-wrap{height:100%;overflow:auto;z-index:2}#modal{background-color:#fff;display:none;padding:74px 0 57px;position:absolute;width:800px}#modal .ttl{margin-bottom:20px;text-align:center}#modal .ttl-txt{color:#f33;font-size:20px;margin-bottom:40px;text-align:center}#modal p{font-size:14px;line-height:1.8;margin-bottom:30px;text-align:center}#modal p.txt-bottom{font-size:18px;margin-bottom:40px}.modal-close{cursor:pointer;position:absolute;right:10px;top:10px}.modal-close.button{background-color:#f63343;border-radius:3px;color:#fff;display:block;font-size:14px;margin:0 auto;padding:8px 0;position:static;text-align:center;width:100px}#contents{background-color:#f57f89;-webkit-transition:background-color 1s linear;-moz-transition:background-color 1s linear;-o-transition:background-color 1s linear;-ms-transition:background-color 1s linear;transition:background-color 1s linear}#contents.odd{background-color:#f63343}#main-visual{height:793px;position:relative;z-index:0}#contents #main-slider{height:100%;width:100%}#contents #main-slider.scon{position:fixed;top:4%}#main-slider li .container{left:50%;margin:-260px 0 0 -235px;position:absolute;top:50%;width:470px}#main-slider li .container .year{left:0;position:absolute;top:0;z-index:0}#main-slider li .container .img{position:relative;z-index:1}#main-slider li .container .category{position:relative;text-align:center}#main-slider li .container .category .cap{color:#333;margin-bottom:8px}#main-slider li .container .category p{color:#fff}#main-slider li .container .category .icon{border:1px solid #fff;display:inline-block;margin-top:8px;padding:1px 5px;vertical-align:middle}#main-visual .scroll{bottom:8px;left:50%;margin-left:-30px;position:absolute;width:60px;z-index:5}#main-visual .scroll a{color:#fff;display:block;text-align:center}#main-visual .scroll a:hover{text-decoration:none}#main-visual .scroll a:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:inline-block;height:40px;margin-top:-10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);width:40px;z-index:1}#main-visual .product-category{background-color:transparent;bottom:20px;left:50%;margin-left:-475px;padding:0;position:absolute;width:950px;z-index:0}#main-visual .product-category p{color:#fff;display:inline-block;line-height:2;vertical-align:middle}#main-visual .product-category .icon{border:1px solid #fff;display:inline-block;margin-left:10px;padding:1px 5px;vertical-align:middle}#main-visual .product-category .icon.no{border-color:#fff}#section01{background-color:#fff;padding:100px 0 55px}#section01 .inner{margin:0 auto;text-align:center;width:850px}#section01 .logo-chocola65{margin-bottom:40px}#section01 .inner>.ttl{font-size:50px;line-height:1.3;margin-bottom:40px}#section01 .inner>.ttl span{font-size:14.4px}#section01 .txt{font-size:20px;line-height:1.8;margin-bottom:30px}#section01 .logo-chocolabb{margin-bottom:80px}#section01 hr{background-color:#f33;border:none;display:inline-block;height:4px;margin-bottom:45px;margin-top:0;width:60px}.movie{height:478px;position:relative}.movie .jstream-eqPlayer{left:0}#section02{padding:100px 0}#section02 .button-red{text-align:left}#section03{background-color:#fff;padding:60px 0 100px}#section03 .inner{width:850px}#section03 .txt{margin-bottom:35px}#section03 .interview-list{width:885px}#section03 .interview-list li{float:left;margin-right:35px;width:260px}#section03 .interview-list li img{width:100%}#section03 .interview-list li a:hover{text-decoration:none}#section03 .interview-list li a:hover img{opacity:.8}#section03 .interview-list li .name{font-size:20px;margin-bottom:10px}#section03 .interview-list li .name:before{border-right:2px solid #f33;border-top:2px solid #f33;content:"";display:inline-block;height:10px;margin-right:7px;margin-top:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;width:10px}#section03 .interview-list li .detail{font-size:12px;margin:0 0 20px 19px}#section04{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/bg_ad-gallery.jpg) 50% 50% no-repeat fixed;background-size:100%;padding:100px 0}#section04 .wbox{margin-left:476px}#section04 .button-red{text-align:left}#section05{background-color:#f63343;padding:80px 0}#section05 .inner{position:relative;width:760px}#section05 .ttl{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/ttl_chocola0808.png) 0 0 no-repeat;display:block;height:81px;margin-bottom:35px;overflow:hidden;text-indent:200%;white-space:nowrap;width:575px}#section05 .txt{color:#fff;font-size:20px;margin-bottom:35px}#section05 .button,#section05 .txt{text-align:center;width:575px}#section05 .button li{display:inline-block;margin:0 2px}#section05 .button li a,#section05 .button li span{border:1px solid #fff;border-radius:3px;color:#fff;cursor:pointer;display:block;padding:20px 50px;text-align:center}#section05 .button li a:hover{text-decoration:none}#section05 .button li a:before{border-right:2px solid #fff;border-top:2px solid #fff;content:"";display:inline-block;height:6px;margin-right:7px;margin-top:-3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;width:6px}#section05 .bbkun{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/img_bbkun.png) 0 0 no-repeat;height:231px;position:absolute;right:72px;top:70px;width:110px}.bnr_65threport{padding-top:7%;text-align:center}#footer{margin-top:0;position:relative;z-index:1}.interview #contents{background:#fff;margin-bottom:0;position:relative;width:auto}.interview #contents>.inner{left:auto;margin-left:auto;padding-bottom:1px;position:static;top:auto;z-index:1}.interview #contents #crumb li{color:inherit}.interview #crumb{padding-bottom:10px;padding-top:15px}#main-visual-interview{height:480px;margin-bottom:30px}#main-visual-interview.interview01{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/interview/interview01_mv_pc.jpg) 50% 50% no-repeat;background-size:cover}#main-visual-interview.interview02{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/interview/interview02_mv_pc.jpg) 50% 50% no-repeat;background-size:cover}#main-visual-interview.interview03{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/interview/interview03_mv_pc.jpg) 50% 50% no-repeat;background-size:cover}#main-visual-interview .inner{padding-top:58px}#main-visual-interview .interview-num{margin-bottom:40px}#main-visual-interview .interview-head-txt{font-size:30px;line-height:1.3;margin-bottom:30px}#main-visual-interview .interview-name .job{color:#f33;display:block;margin-bottom:15px}#main-visual-interview .interview-name .job .icon{border:1px solid #f33;color:#f33;display:inline-block;font-size:10px;margin:0 5px;padding:1px 3px;vertical-align:baseline}#main-visual-interview .interview-name .name{display:block;font-size:30px;line-height:1}#main-visual-interview .interview-name .name_list li{float:left;margin-right:25px}#main-visual-interview .interview-name .name_list li:last-child{margin-right:0}#main-visual-interview .interview-name .name_list li .job{margin-bottom:6px}.interview-profile{margin-bottom:80px}.interview-profile dd,.interview-profile dt{display:inline-block;font-size:14px;vertical-align:top}.interview-profile dt{color:#f33;font-family:Oxygen,sans-serif!important;line-height:1;padding-bottom:35px;padding-right:25px}.interview-profile dd{border-left:1px solid #f33;line-height:1.3;margin-left:-.5em;margin-top:-.2em;min-height:50px;padding-left:25px;width:830px}.interview-profile dd p{font-size:12px;margin-bottom:25px}.interview-profile dd p:last-child{margin-bottom:0}.interview-box{margin:70px 0}.interview-box .interview-txt{margin-bottom:65px}.interview-box .interview-txt:last-child{margin-bottom:0}.interview-box .interview-txt dt{margin-bottom:35px}.interview-box .interview-txt .icn,.interview-box .interview-txt .txt{display:inline-block;vertical-align:middle}.interview-box .interview-txt .icn{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/interview/icn_q.png) 0 0 no-repeat;height:45px;margin-right:20px;overflow:hidden;text-indent:200%;white-space:nowrap;width:32px}#contents .interview-box .interview-txt .txt{color:#f33;font-size:16px;line-height:1.5;margin-left:-.5em;width:895px}#contents .interview-box .interview-txt dd{font-size:16px;line-height:2}.other-interview{margin-bottom:75px}.other-interview .ttl2{border-bottom:2px solid #f33;color:#f33;font-size:20px;margin-bottom:40px;padding-bottom:15px}.other-interview .interview-list li{float:left}.other-interview .interview-list li:nth-child(2n){float:right}.other-interview .interview-list li a:hover{text-decoration:none}.other-interview .interview-list li a:hover img{opacity:.8}.other-interview .interview-list li .name{font-size:20px;margin-bottom:10px}.other-interview .interview-list li .name:before{border-right:2px solid #f33;border-top:2px solid #f33;content:"";display:inline-block;height:10px;margin-right:7px;margin-top:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;width:10px}.other-interview .interview-list li .detail{font-size:12px;margin:0 0 20px 19px}.ad-gallery #contents{background:#fff;padding-bottom:1px}.ad-gallery #contents>.inner{left:auto;margin-left:auto;position:static;top:auto;z-index:1}.ad-gallery #contents #crumb li{color:inherit}.ad-gallery #crumb{padding-bottom:10px;padding-top:15px}.history-section{padding:55px 0;position:relative}.history-section.red{background:#f63343}.history-section.white{background:#fff}.history-ttl-box{margin-bottom:25px;width:950px}.history-ttl-box .ttl{color:#fff;float:left;font-family:Oxygen,sans-serif!important;font-size:80px}.history-ttl-box .sub-txt{color:#fff;float:right;font-size:20px;padding-top:2.8em}.history-gallery li{background:#e6303f;box-sizing:content-box;display:block;float:left;margin:0 30px 30px 0;padding:10px 0;text-align:center;vertical-align:middle}.white .history-gallery li{background:#eee}.history-gallery li:nth-child(2n){margin-right:0}.history-gallery li img{display:inline-block;vertical-align:middle!important}.history-gallery li img.large{width:440px}.history-gallery li:before{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.ad-gallery #history-1952{padding-bottom:50px}.ad-gallery #history-1952 .history-gallery li{width:460px}.ad-gallery #history-1986{padding-bottom:50px}.ad-gallery #history-1986 .history-gallery li{width:460px}.ad-gallery #history-1986 .history-ttl-box .ttl{color:#f33}.ad-gallery #history-1986 .history-ttl-box .sub-txt{color:#333}.ad-gallery #history-2017 .history-gallery li{padding-bottom:54px;padding-top:54px;width:460px}.ad-gallery #history-2017 .history-gallery li.column-2{padding-bottom:74px;padding-top:74px}.brand #contents{background:#fff;padding-bottom:1px}.brand #contents>.inner{left:auto;margin-left:auto;position:static;top:auto;z-index:1}.brand #contents #crumb li{color:inherit}.brand #crumb{padding-bottom:10px;padding-top:15px}.section-container{position:relative}.section-container:after{background-color:#ffd6d6;content:"";display:block;height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px;z-index:0}.brand .section-container section{position:relative;z-index:1}section.main+section.main{margin-top:10px}.brand .section-container section .small{font-size:9.6px}.brand .section-container section.main .lbg,.brand .section-container section.main .rbg{content:"";display:block;height:100%;position:absolute;width:50%;z-index:0}.brand .section-container section.main .lbg{background-color:#e93040;left:0;top:0}.brand .section-container section.main .rbg{background-color:#f63343;bottom:0;right:0}.brand .section-container section .inner{margin:0 auto;position:relative;width:760px;z-index:1}.brand .section-container section.main .lbox{left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);width:270px}.brand .section-container section.main .rbox{margin-left:435px;position:relative}.brand .section-container section.main .rbox .product-dual{display:flex;justify-content:space-between}.brand .section-container section.main .rbox img{height:480px;width:320px}.brand .section-container section.main .rbox .product-cap{bottom:5%;color:#fff;font-size:12px;left:11%;position:absolute}.brand .section-container section.main .lbox .year{color:#fcc;font-family:Oxygen,sans-serif!important;font-size:80px;margin-bottom:25px}.brand #contents .section-container section.main .lbox .ttl{color:#fff;font-family:Noto Sans Japanese;font-size:20px;margin-bottom:15px}.brand .section-container section.main .lbox .txt{color:#fff;font-size:14px;line-height:1.8;margin-bottom:15px}.brand .section-container section.main .lbox .event{color:#fcc;font-size:14px;margin-top:30px}.brand .section-container section.main .lbox .event .event-txt{background-color:#fcc;border-radius:10px;box-sizing:content-box;color:#f63343;display:block;font-size:12px;font-weight:700;line-height:1;margin-bottom:5px;padding:3px 6px;width:7em}.brand .section-container section.main .lbox .icon{border:1px solid #fff;color:#fff;display:inline-block;font-size:12px;line-height:1;padding:3px 5px}.brand .section-container section.main .lbox .button{margin-top:30px}.brand .section-container section.main .lbox .button a{background-color:#f63343;border:2px solid #fff;color:#fff;display:inline-block;font-size:14px;font-weight:700;line-height:1;padding:12px 15px 12px 12px;text-decoration:none}.brand .section-container section.main .lbox .button a:before{border-right:2px solid #fff;border-top:2px solid #fff;content:"";display:inline-block;height:7px;margin-right:8px;margin-top:-3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;width:7px}.brand .section-container section.main .lbox .button a:hover{opacity:.8}.brand .section-container section.main .lbox .icon.no{border-color:transparent}.brand .section-container section.sub{padding:50px 0}.brand .section-container section.sub .inner{margin-bottom:40px}.brand .section-container section.sub .inner:last-child{margin-bottom:0}.brand .section-container section.sub .left-side .product-box,.brand .section-container section.sub .left-side .year-box{float:left}.brand .section-container section.sub .left-side .product-wrap{display:flex;justify-content:start}.brand .section-container section.sub .left-side .product-box{text-align:center;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);transform:translate(-50%)}.brand .section-container section.sub .right-side .product-box,.brand .section-container section.sub .right-side .year-box{float:right}.brand .section-container section.sub .year-box{padding-top:20px;width:50%}.brand .section-container section.sub .year-box .year-wrap{width:80%}.brand .section-container section.sub .year-box .year-wrap p{font-size:12px}.brand .section-container section.sub .year-box .year{border-bottom:2px solid #f63343;color:#f33;font-family:Oxygen,sans-serif!important;font-size:60px;margin-bottom:15px;padding-bottom:12px;position:relative}.brand .section-container section.sub .right-side .year-box .year{text-align:right}.brand .section-container section.sub .right-side .year-box .txt{margin-left:97px}.brand .section-container section.sub .year-box .year:after{background-color:#f63343;border-radius:10px;bottom:-11px;content:"";display:block;height:20px;position:absolute;width:20px}.brand .section-container section.sub .left-side .year-box .year:after{right:-10px}.brand .section-container section.sub .right-side .year-box .year:after{left:-10px}.brand .section-container section.sub .year-box .lbox{width:270px}.brand .section-container section.sub .year-box .year-wrap .event{color:#666;font-size:14px;margin-top:20px}.brand .section-container section.sub .year-box .year-wrap .event .event-txt{border:1px solid #999;border-radius:10px;box-sizing:content-box;color:#666;display:block;font-size:12px;font-weight:700;line-height:1;margin-bottom:5px;padding:3px 5px;width:7em}.brand .section-container section.sub .year-box .product-name{font-size:20px;line-height:1.5;margin-bottom:10px}.brand .section-container section.sub .icon{border:1px solid #000;color:#000;display:inline-block;font-size:12px;line-height:1;padding:3px 5px;vertical-align:middle}.brand .section-container section.sub .product-name .icon{margin-left:8px}.brand .section-container section.sub .icon.no{border-color:transparent}#history-1966 .txt-end{bottom:27%!important}#history-1994 .year-box,#history-1997 .year-box{padding-top:0}#history-1998-01 .txt-end{bottom:0!important;margin-top:-10%}#history-2001 .year-box{padding-top:0}#history-2001 .product-box{margin-left:41px}#history-2001 .txt-end{margin-left:-51%}#history-2003-02 .year-box{padding-top:0}#history-2003-02 .txt-end{margin-left:-59%}#history-2003-02 .product-box{margin-left:55px}#history-2004 .year-box,#history-2008-02 .year-box{padding-top:0}#history-2008-02 .product-box{margin-top:10px}#history-2008-02 .txt-end{margin-top:0}#history-2008-02 .product-name{width:250px}#history-2008-05 .rbox img{height:auto;margin-left:22%;width:80%!important}#history-2011 .product-cap{left:13%}#history-2012-2014 .product-name{width:270px}#history-2012-01 .product-cap{left:10%}#history-2012-02 .year-box{padding-top:0}#history-2012-02 .product-box{margin-left:76px;padding-top:55px}#history-2013 .year-box{padding-top:0}#history-2013 .product-box{margin-left:59px;width:200px}#history-2013 .txt-end.pc{display:inline-block;margin-left:-55%;margin-top:-6px}#history-2013 .txt-end.sp{display:none}#history-2014-01 .year-box,#history-2014-02 .year-box,#history-2014-03 .year-box{padding-top:10px}#history-2017-02 .product-cap{left:9%}@media screen and (max-width:640px){.spdn{display:none}#header{position:fixed;z-index:20000}#headerBox{position:fixed;z-index:40000}#contents address,#contents cite,#contents dd,#contents div,#contents dt,#contents h1,#contents h2,#contents h3,#contents h4,#contents h5,#contents h6,#contents input,#contents li,#contents option,#contents p,#contents pre,#contents td,#contents textarea,#contents th{font-family:Noto Sans Japanese}.pc{display:none}.sp{display:block}#contents{margin-bottom:0;margin-top:0;padding-top:0;position:relative;width:auto}#contents>.inner{left:50%;margin-left:0;position:absolute;top:20px;z-index:1}#crumb{line-height:1.3;margin:0 0 5px;padding:0}#history.top #crumb{display:none}#crumb li{color:#fff;display:inline;margin-left:.5em}#crumb li:before{content:">";margin-right:.5em}#crumb li:first-child{margin-left:0}#crumb li:first-child:before{display:none}#crumb li a{text-decoration:underline}#crumb li a:hover{text-decoration:none}#contents .section{position:relative}#contents .ttl{font-family:Lora,游明朝,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif}#contents .ttl-box{margin:7.14% 0}#contents .ttl-box .ttl{font-size:22px;line-height:1.3;margin-bottom:2%;text-align:center}#contents .wbox .ttl-box .ttl{text-align:left}#contents .ttl-box .ttl-sub{color:#f33;font-family:Oxygen,sans-serif!important;font-size:14px;text-align:center}#contents .wbox .ttl-box .ttl-sub{text-align:left}#contents .history-head{padding:1px 0 9%}#contents .history-head .inner{margin:0 auto;width:87.25%!important}#contents .history-head .ttl,#contents .history-head .ttl-sub{text-align:center}#contents .history-head .ttl-box{margin-bottom:4%}#contents .history-head .txt{text-align:left}#contents .button-red{margin:8.59% auto;text-align:center}#contents .button-red a{background:#f63343;border-radius:3px;color:#fff;display:inline-block;font-size:14px;line-height:1.3;padding:5.74%}#contents .button-red a:before{border-right:2px solid #fff;border-top:2px solid #fff;content:"";display:inline-block;height:6px;margin-right:7px;margin-top:-3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;width:6px}#contents .button-red.return a:before{border:2px solid #fff;border-right:none;border-top:none}#contents .button-red a:hover{opacity:.8;text-decoration:none}#contents .txt{font-size:14px;line-height:1.8}#contents .txt-end{background-color:#fff;bottom:30%;color:#666;font-size:10px;left:41%;line-height:1.8;margin-left:0;margin-top:10px;position:absolute}#contents .wbox{background-color:#fff;padding:18.75% 8.9%;width:auto}.product-category{background-color:#fff;padding:3.125% 0;position:relative;z-index:1}.product-category .inner{margin:0 3.125%}.product-category .icon,.product-category p{display:inline-block;vertical-align:middle}.product-category .icon{border:1px solid #000;margin-left:10px;padding:3px}.lock{overflow:hidden}.lock #wrapAll{overflow:auto!important}.modal-overlay{background-color:rgba(255,51,51,.8);height:120%;z-index:20001}.modal-overlay,.modal-wrap{display:none;left:0;position:fixed;top:0;width:100%}.modal-wrap{height:100%;overflow:auto;padding-bottom:1px;z-index:20002}#modal{background-color:#fff;display:none;margin:2% 0;padding:12% 0 5%;position:absolute;width:96%}#modal .ttl{margin-bottom:3%;margin-left:auto;margin-right:auto;text-align:center;width:80%}#modal .ttl-txt{color:#f33;font-size:20px;line-height:1.5;margin-bottom:4%;text-align:center}#modal p{font-size:14px;line-height:1.8;margin-bottom:3%;margin-left:5%;margin-right:5%;text-align:left}#modal p.txt-bottom{font-size:18px;margin-bottom:4%}.modal-close{cursor:pointer;position:absolute;right:10px;top:10px;width:8%}.modal-close.button{background-color:#f63343;border-radius:3px;color:#fff;display:block;font-size:14px;margin:0 auto;padding:8px 0;position:static;text-align:center;width:100px}#contents{background-color:#f57f89;-webkit-transition:background-color 1s linear;-moz-transition:background-color 1s linear;-o-transition:background-color 1s linear;-ms-transition:background-color 1s linear;transition:background-color 1s linear}#contents.odd{background-color:#f63343}#main-visual{height:500px;position:relative;z-index:0}#contents #main-slider{height:100%;width:100%}#main-slider li .container{left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:96%}#main-slider li .container .year{left:0;position:absolute;top:0;z-index:-1}#main-slider li .container .img{position:relative;z-index:1}#contents #main-slider.scon{position:relative}#main-visual .scroll{bottom:15px;left:50%;margin-left:-25px;position:absolute;width:50px}#main-visual .scroll a{color:#fff;display:block;text-align:center}#main-visual .scroll a:hover{text-decoration:none}#main-visual .scroll a:after{border-bottom:2px solid #fff;border-right:2px solid #fff;content:"";display:inline-block;height:20px;margin-top:-5px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);width:20px;z-index:0}#main-visual .product-category{background-color:transparent;bottom:50px;left:2%;margin-left:0;padding:0;position:absolute;text-align:center;width:96%;z-index:0}#main-visual .product-category .inner{width:auto!important}#main-visual .product-category p{color:#fff;display:inline-block;font-size:11px;line-height:2;vertical-align:middle}#main-visual .product-category .icon{border:1px solid #fff;display:inline-block;font-size:11px;line-height:1.4;margin-left:10px;padding:1px 3px;vertical-align:middle}#main-visual .product-category .icon.no{border-color:#fff}#section01{background-color:#fff;padding:18.375% 0 8.59%}#section01 .inner{margin:0 auto;text-align:center;width:87.5%}#section01 .logo-chocola65{margin-bottom:8.39%;margin-left:auto;margin-right:auto;width:35.71%}#section01 .inner>.ttl{font-size:30px;line-height:1.3;margin-bottom:7.14%}#section01 .inner>.ttl span{font-size:14.4px}#section01 .txt{font-size:13px;line-height:1.8;margin-bottom:5.35%}#section01 .logo-chocolabb{margin-bottom:14.28%;margin-left:auto;margin-right:auto;width:42.85%}#section01 hr{background-color:#f33;border:none;display:block;height:2px;margin-bottom:14.28%;margin-top:0;width:10.71%}#contents #section01 .ttl-box .ttl,#contents #section01 .ttl-box .ttl-sub{text-align:center}#section01 .movie-box{margin:0 auto;width:87.5%}.movie{height:0;padding-bottom:56.25%;position:relative}.movie .jstream-eqPlayer{left:0}#section02{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/bg_section02.jpg) 50% 50% no-repeat;background-size:cover;padding:18.75% 0}#section02 .inner{margin:0 auto;width:87.5%!important}#section02 .inner .ttl-box{margin-top:0}#section02 .button-red{margin-bottom:0;text-align:left;width:auto}#section03{background-color:#fff;padding:12.03% 0}#section03 .inner{margin:0 auto;width:87.5%!important}#section03 .txt{margin-bottom:8.9%}#section03 .interview-list{width:auto}#section03 .interview-list li{float:none;margin-bottom:8.9%;margin-right:0;width:auto}#section03 .interview-list li a:hover{text-decoration:none}#section03 .interview-list li a:hover img{opacity:1}#section03 .interview-list li a:last-child{margin-bottom:0}#section03 .interview-list li .name{font-size:16px;margin-bottom:2%}#section03 .interview-list li .name:before{border-right:2px solid #f33;border-top:2px solid #f33;content:"";display:inline-block;height:7px;margin-right:7px;margin-top:-3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;width:7px}#section03 .interview-list li .detail{margin:0 0 3% 18px}#section04{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/bg_ad-gallery_sp.jpg) 50% 50% no-repeat;background-size:cover;padding:12.03% 0}#section04 .inner{margin:0 auto;width:87.5%!important}#section04 .wbox{margin-left:0}#section04 .inner .ttl-box{margin-top:0}#section04 .button-red{margin-bottom:0;text-align:left;width:auto}#section05{background-color:#f63343;margin-bottom:0;padding:9.375% 0 0}#section05 .inner{padding-bottom:13%;position:relative;width:78.43%!important}#section05 .ttl{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/ttl_chocola0808.png) 0 0 no-repeat;background-size:100%;display:block;font-size:0;height:auto;margin-bottom:7.9%;overflow:hidden;text-indent:200%;white-space:nowrap;width:auto}#section05 .ttl:after{content:"";display:block;height:0;padding-bottom:14.08696%}#section05 .txt{color:#fff;font-size:13px;margin-bottom:7.9%;text-align:center;width:auto}#section05 .button{text-align:left;width:auto}#section05 .button li{display:inline-block;margin:0 0 3.9%}#section05 .button li:last-child{margin-bottom:0}#section05 .button li a,#section05 .button li span{border:1px solid #fff;border-radius:2px;color:#fff;display:block;padding:15px;text-align:center}#section05 .button li a:hover{text-decoration:none}#section05 .button li a:before{border-right:2px solid #fff;border-top:2px solid #fff;content:"";display:inline-block;height:4px;margin-right:5px;margin-top:-2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;width:4px}#section05 .bbkun{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/img_bbkun.png) 0 0 no-repeat;background-size:100%;bottom:0;font-size:0;height:auto;line-height:0;position:absolute;right:0;top:auto;width:21.91%}#section05 .bbkun:after{content:"";display:block;height:0;padding-bottom:210%}.bnr_65threport{border:1px solid #fff;margin:0 auto;padding-top:0;width:78.43%!important}#footer{position:relative;z-index:1}.interview #contents{background:#fff;margin-bottom:0;margin-top:0;position:relative;width:auto}.interview #contents>.inner{left:auto;margin-left:auto;margin-right:auto;position:static;top:auto;width:87.25%!important;z-index:1}.interview #contents>.inner:first-child{margin-left:10px;margin-right:10px;width:auto!important}.interview #contents #crumb li{color:inherit}.interview #crumb{padding-bottom:10px;padding-top:10px}#main-visual-interview{height:auto;margin-bottom:0}#main-visual-interview.interview01{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/interview/interview01_mv_sp.jpg) 50% 0 no-repeat;background-size:100%}#main-visual-interview.interview02{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/interview/interview02_mv_sp.jpg) 50% 0 no-repeat;background-size:100%}#main-visual-interview.interview03{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/interview/interview03_mv_sp.jpg) 50% 0 no-repeat;background-size:100%}#main-visual-interview .inner{border-bottom:1px solid #f33;margin:0 auto 5.3%;padding-bottom:4.6%;padding-top:54.59375%;width:87.25%!important}#main-visual-interview .interview-num{margin-bottom:5.3%;width:13.4375%}#main-visual-interview .interview-head-txt{font-size:22px;line-height:1.3;margin-bottom:5.3%}#main-visual-interview .interview-name .job{color:#f33;display:block;margin-bottom:3%}#main-visual-interview .interview-name .job .icon{border:1px solid #f33;color:#f33;display:inline-block;margin:0 5px;padding:1px 3px;vertical-align:baseline}#main-visual-interview .interview-name .name{display:block;font-size:22px;line-height:1}#main-visual-interview .interview-name .name_list li{float:left;margin-right:3.125%}#main-visual-interview .interview-name .name_list li:last-child{margin-right:0}#main-visual-interview .interview-name .name_list li .job{margin-bottom:7px}.interview-profile{margin-bottom:12.5%}.interview-profile dd,.interview-profile dt{display:block;font-size:14px;vertical-align:top}.interview-profile dt{color:#f33;font-family:Oxygen,sans-serif!important;line-height:1;padding-bottom:2%;padding-right:0}.interview-profile dd{border-left:none;line-height:1.3;margin-left:0;padding-left:0;width:auto}.interview-profile dd p{margin-bottom:4%}.interview-profile dd p:last-child{margin-bottom:0}.interview-box{margin:12.5% 0}.interview-box .interview-txt{margin-bottom:6.25%}.interview-box .interview-txt:last-child{margin-bottom:0}.interview-box .interview-txt dt{margin-bottom:6.25%}.interview-box .interview-txt .icn,.interview-box .interview-txt .txt{display:inline-block;vertical-align:middle}.interview-box .interview-txt .icn{background:url(//7242392.fs1.hubspotusercontent-na1.net/hubfs/7242392/raw_assets/public/chocola-com/assets/images/about/history/interview/icn_q.png) 0 0 no-repeat;background-size:100%;font-size:0;height:auto;line-height:0;margin-right:3.5%;overflow:hidden;text-indent:200%;white-space:nowrap;width:5.712429%}.interview-box .interview-txt .icn:after{content:"";display:block;height:0;padding-bottom:140.625%}#contents .interview-box .interview-txt .txt{color:#f33;font-size:13px;line-height:1.5;margin-left:-.5em;width:86%}#contents .interview-box .interview-txt dd{font-size:13px;line-height:1.5}.other-interview{margin-bottom:12%}.other-interview .ttl2{border-bottom:2px solid #f33;color:#f33;font-size:17px;margin-bottom:6.25%;padding-bottom:3%}.other-interview .interview-list li{float:none;margin-bottom:10%}.other-interview .interview-list li:nth-child(2n){float:none;margin-bottom:0}.other-interview .interview-list li a:hover{text-decoration:none}.other-interview .interview-list li a:hover img{opacity:1}.other-interview .interview-list li .name{font-size:17px;margin-bottom:2%}.other-interview .interview-list li .name:before{border-right:2px solid #f33;border-top:2px solid #f33;content:"";display:inline-block;height:10px;margin-right:7px;margin-top:-3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;width:10px}.other-interview .interview-list li .detail{margin:0 0 2% 19px}.interview #contents>.inner .button-red{margin:12% auto}.interview #contents>.inner .button-red a{line-height:1.2;padding:5.35%}.ad-gallery #contents{background:#fff}.ad-gallery #contents>.inner{left:auto;margin-left:auto;margin-right:auto;position:static;top:auto;width:87.25%!important;z-index:1}.ad-gallery #contents>.inner:first-child{margin-left:10px;margin-right:10px;width:auto!important}.ad-gallery #contents #crumb li{color:inherit}.ad-gallery #crumb{padding-bottom:10px;padding-top:10px}.history-section{padding:55px 0;position:relative}.history-section .inner{margin:0 auto;width:87.25%!important}.history-section.red{background:#f63343}.history-section.white{background:#fff}.history-ttl-box{margin-bottom:4.4%}.history-ttl-box .ttl{color:#fff;float:left;font-family:Oxygen,sans-serif!important;font-size:40px}.history-ttl-box .sub-txt{color:#fff;float:right;font-size:13px;padding-top:1.8em}.history-gallery li{background:#e6303f;display:block;float:none;margin:0 0 3.57%;padding:1.75% 0;text-align:center;vertical-align:middle}.white .history-gallery li{background:#eee}.history-gallery li:nth-child(2n){margin-right:0}.history-gallery li img{display:inline-block;vertical-align:middle!important;width:96.42%!important}.history-gallery li img.w69{width:69%!important}.history-gallery li:before{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.ad-gallery #history-1952 .history-gallery li,.ad-gallery #history-1986 .history-gallery li{width:auto}.ad-gallery #history-1986 .history-ttl-box .ttl{color:#f33}.ad-gallery #history-1986 .history-ttl-box .sub-txt{color:#333}.ad-gallery #history-2017 .history-gallery li{margin-right:0;padding-bottom:10%;padding-top:10%;width:100%}.ad-gallery #history-2017 .history-gallery li.column-2{margin-right:0;padding-bottom:19%;padding-top:19%;width:auto}.ad-gallery #history-2017 .history-gallery li.column-2.mr0{margin-right:0}.ad-gallery .product-category p{display:inline}.brand #contents{background:#fff;padding-bottom:1px}.brand #contents>.inner{left:auto;margin-left:auto;margin-right:auto;position:static;top:auto;width:87.25%!important;z-index:1}.brand #contents>.inner:first-child{margin-left:10px;margin-right:10px;width:auto!important}.brand #contents #crumb li{color:inherit}.brand #crumb{padding-bottom:10px;padding-top:10px}.section-container{position:relative}.section-container:after{background-color:#ffd6d6;content:"";display:block;height:100%;left:50%;margin-left:-3px;position:absolute;top:0;width:6px;z-index:0}.brand .section-container section{position:relative;z-index:1}section.main+section.main{margin-top:1.56%}#history-2023.main{padding:5% 0}.brand .section-container section .small{font-size:9.6px}.brand .section-container section.main .lbg,.brand .section-container section.main .rbg{content:"";display:block;height:100%;position:absolute;width:50%;z-index:0}.brand .section-container section.main .lbg{background-color:#e93040;left:0;top:0}.brand .section-container section.main .rbg{background-color:#f63343;bottom:0;right:0}.brand .section-container section .inner{margin:0 auto;position:relative;width:auto;z-index:1}.brand .section-container section.main .lbox{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;left:0;padding:5% 4%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);width:50%}.brand .section-container section.main .rbox{left:50%;margin-left:0;padding:5% 0;position:relative;width:50%}.brand .section-container section.main .rbox .product-dual{margin-left:0;padding:10% 0;position:relative}.brand .section-container section#history-2003-01.main .rbox{padding:10% 0}.brand .section-container section#history-2007.main .rbox,.brand .section-container section#history-2012-01.main .rbox{padding:8% 0}.brand .section-container section.main .rbox img{width:100%}.brand .section-container section.main .rbox .product-dual{display:flex;justify-content:space-between}.brand .section-container section.main .rbox .product-dual img{width:50%!important}.brand .section-container section.main .rbox .product-cap{bottom:10%;color:#fff;font-size:10px;position:absolute}.brand .section-container section.main .lbox .year{color:#fcc;font-family:Oxygen,sans-serif!important;font-size:40px;margin-bottom:10%}.brand #contents .section-container section.main .lbox .ttl{color:#fff;font-family:Noto Sans Japanese;font-size:16px;margin-bottom:6%}.brand #contents .section-container section.main .lbox .txt{color:#fff;font-size:12px;line-height:1.4;margin-bottom:7%}.brand .section-container section.main .lbox .event{color:#fcc;font-size:12px;margin-top:7%}.brand .section-container section.main .lbox .event .event-txt{border:1px solid #fcc;border-radius:10px;box-sizing:content-box;color:#f63343;display:block;font-size:12px;font-weight:700;line-height:1;margin-bottom:5px;padding:3px 5px;width:7em}.brand .section-container section.main .lbox .icon{border:1px solid #fff;color:#fff;display:inline-block;font-size:12px;line-height:1;padding:3px 5px}.brand .section-container section.main .lbox .icon.no{border-color:transparent}.brand .section-container section.main .lbox .button{margin-top:7%}.brand .section-container section.main .lbox .button a{background-color:#f63343;border:2px solid #fff;color:#fff;display:inline-block;font-size:12px;font-weight:700;line-height:1;padding:6px 9px 6px 6px;text-decoration:none}.brand .section-container section.main .lbox .button a:before{border-right:2px solid #fff;border-top:2px solid #fff;content:"";display:inline-block;height:6px;margin-right:6px;margin-top:-3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);vertical-align:middle;width:6px}.brand .section-container section.main .lbox .button a:hover{opacity:1}.brand .section-container section.sub{padding:7.81% 0}.brand .section-container section.sub .inner{margin-bottom:12.25%;position:relative;width:92%!important}.brand .section-container section.sub .inner:last-child{margin-bottom:0}.brand .section-container section.sub .left-side .product-box,.brand .section-container section.sub .left-side .year-box{float:left}.brand .section-container section.sub .left-side .product-wrap{display:block}.brand .section-container section.sub .left-side .product-box{-webkit-transform:translate(-50%);-moz-transform:translate(-50%);transform:translate(-50%)}.brand .section-container section.sub .right-side .product-box,.brand .section-container section.sub .right-side .year-box{float:right}.brand .section-container section.sub .year-box{padding-top:2%;width:50%}.brand .section-container section.sub .year-box .year{border-bottom:2px solid #f63343;color:#f33;font-family:Oxygen,sans-serif!important;font-size:35px;margin-bottom:4%;padding-bottom:2%;position:relative}.brand .section-container section.sub .year-box .year-wrap{width:65%}.brand .section-container section.sub .year-box .year-wrap .event{font-size:12px;margin-top:15px}.brand .section-container section.sub .year-box .year-wrap .event .event-txt{font-size:10px}.brand .section-container section.sub .right-side .year-box .year{text-align:right}.brand .section-container section.sub .right-side .year-box .txt{font-size:11px!important;margin-left:9.375%}.brand .section-container section.sub .year-box .year:after{background-color:#f63343;border-radius:10px;bottom:-11px;content:"";display:block;height:20px;position:absolute;width:20px}.brand .section-container section.sub .left-side .year-box .year:after{right:-10px}.brand .section-container section.sub .right-side .year-box .year:after{left:-10px}.brand .section-container section.sub .year-box .product-name{font-size:11px;line-height:1.5;margin-bottom:2%;width:80%}.brand .section-container section.sub .icon{border:1px solid #000;color:#000;display:inline-block;font-size:11px;line-height:1;padding:3px 5px;vertical-align:middle}.brand .section-container section.sub .product-name .icon{margin-left:8px}.brand .section-container section.sub .icon.no{border-color:transparent}.brand .section-container section.sub .product-box img{width:100%!important}#history-1952-1990{padding:0}#history-1952-1990 .product-box{width:16.66%}#history-1982 .txt-end,#history-1986 .txt-end{bottom:-27%}#history-1989 .txt-end{bottom:48%}#history-1990 .product-box img{width:62%!important}#history-1990 .txt-end{bottom:16%}#history-1994 .year-box,#history-1997 .year-box{padding-top:0}#history-1993-02 .product-box{width:10%}#history-1998 .product-box{width:37%}#history-1998-1 .txt-end{bottom:-1%}#history-2000-02 .product-box{margin-left:0;width:10%}#history-2000-02 .txt-end{bottom:-28%}#history-2001{margin-bottom:30px}#history-2001 .year-box{padding-top:0}#history-2001 .txt-end{bottom:-27%;left:41%}#history-2001 .product-box{margin-left:7%;width:25%}#history-2003-02{margin-bottom:30px}#history-2003-02 .year-box{padding-top:0}#history-2003-02 .product-box{margin-left:10%;width:31%}#history-2003-02 .txt-end{bottom:-27%;left:41%}#history-2004 .product-box{width:11%}#history-2007{margin-bottom:30px}#history-2007 .product-box img{width:62%!important}#history-2007 .txt-end{bottom:-27%}#history-2008-01.main .rbox{padding:14% 0}#history-2008-02{margin-bottom:30px}#history-2008-02 .year-box{padding-top:0}#history-2008-02 .product-box{margin-left:4%;margin-top:-2%;width:25%}#history-2008-02 .txt-end{bottom:-20%;left:41%}#history-2008-02 .product-name{width:80%}#history-2008-05.main .rbox{padding:16% 0!important}#history-2008-05 .rbox img{margin-left:11%}#history-2010 .product-box{width:20%}#history-2011.main .rbox{padding:11% 0}#history-2012-2014 .product-name{width:80%}#history-2012-02 .year-box{padding-top:0}#history-2012-02 .product-box{width:62%!important}#history-2012-03{margin-bottom:30px}#history-2012-03 .product-box img{width:62%!important}#history-2012-03 .txt-end{bottom:-24%}#history-2013 .year-box{padding-top:0}#history-2013 .product-box{margin-left:11%;padding-top:16%;width:36%}#history-2013 .product-box img{width:109%!important}#history-2013 .txt-end.pc{display:none}#history-2013 .txt-end.sp{bottom:29%;display:inline-block;left:43%}#history-2014-01 .year-box,#history-2014-02 .year-box,#history-2014-03 .year-box{padding-top:10px}#history-2014-01 .product-box,#history-2014-02 .product-box,#history-2014-03 .product-box{width:13%}#history-2014-01 .txt-end{bottom:0}#history-2014-02 .txt-end{bottom:-5%}#history-2014-03 .txt-end{bottom:-3%}}@media screen and (max-width:420px){#main-slider li .container{width:350px}}@media screen and (max-width:320px){#section01 .inner>.ttl{font-size:25px}#contents .ttl-box .ttl{font-size:19px}#main-slider li .container{width:266px}.brand .section-container section.main .lbox .year{font-size:30px}.brand #contents .section-container section.main .lbox .ttl{font-size:14px}.brand #contents .section-container section.main .lbox .txt{font-size:12px}.brand .section-container section.main .lbox .icon{font-size:11px}.brand .section-container section.main .lbox .event{font-size:10px}.brand .section-container section.main .lbox .event .event-txt{font-size:11px}.brand .section-container section.main .rbox{padding:8% 0}.brand .section-container section#history-2000-01.main .rbox{padding:10% 0}.brand .section-container section#history-2003-01.main .rbox{padding:15% 0}.brand .section-container section#history-2007.main .rbox{padding:12% 0}#modal .ttl-txt{font-size:18px}.interview #contents>.inner .button-red a{font-size:12px}#footer_sp{position:relative;z-index:20000}}