@charset "UTF-8";.cap-and-hat{--main-color-01:#578;--main-color-02:#1fbfcb;--main-color-03:#fff2dc;--sub-color-01:#fad8ce;--sub-color-02:#fee5dd}.large-section{margin-bottom:60px}.mb-30{margin-bottom:30px}.mb-50{margin-bottom:50px}.fixed-width-700{width:700px}@media screen and (max-width:767px){.fixed-width-700{width:100%}}.w-100{width:100%}.h-auto{height:auto}body.boxed .top-fixed-btn{background:#578;color:#fff2dc!important}@media(min-width:768px){body.boxed .page-wrapper .cap-and-hat .container{width:750px}}@media(min-width:992px){body.boxed .page-wrapper .cap-and-hat .container{width:970px}}@media(min-width:1200px){body.boxed .page-wrapper .cap-and-hat .container{width:1170px}}.cap-and-hat{font-family:Hiragino Sans,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,游ゴシック,YuGothic,メイリオ;color:var(--main-color-01);background:var(--main-color-03);padding-bottom:10px;font-weight:500}.cap-and-hat .fullwidth .cover-image{padding:0}.cap-and-hat h1{font-size:28px;font-weight:700;text-align:center;margin-bottom:15px;line-height:1.2;padding-bottom:0;color:var(--main-color-01)}@media screen and (max-width:767px){.cap-and-hat h1{font-size:24px}}.cap-and-hat h2{font-size:23px;font-weight:700;color:var(--main-color-03);background:var(--main-color-01);margin:0;line-height:1.4;border-bottom:0}.cap-and-hat h3{color:var(--main-color-01);font-weight:700}.cap-and-hat .text-info p{text-align:left;padding:0 3%;color:#161616;font-size:18px}.cap-and-hat .btn-lg{padding:9pt 70px 8px;font-size:18.5px}@media(max-width:768px){.cap-and-hat .btn-lg{padding:8px 60px 3px;font-size:16.5px}}.cap-and-hat .heading-text{width:100%;margin:0 auto 15px;text-align:center;font-size:26px;height:40px;line-height:40px;position:relative;padding:2px 10px;font-weight:700}@media screen and (max-width:767px){.cap-and-hat .heading-text{font-size:19px;padding:2px 10px}}.product-name{font-size:1pc;font-weight:700;line-height:1.2;margin-bottom:5px}.product-name,.product-name a{color:var(--main-color-01)}.product-color{font-size:13px;line-height:1.2;margin-bottom:15px}.cap-and-hat .container-flex .campaign-item{-ms-flex-basis:calc(25% - 20px);-webkit-flex-basis:calc(25% - 20px);flex-basis:calc(25% - 20px);margin-left:10px;margin-right:10px;margin-bottom:20px}@media screen and (max-width:767px){.cap-and-hat .container-flex .campaign-item{-ms-flex-basis:calc(50% - 20px);-webkit-flex-basis:calc(50% - 20px);flex-basis:calc(50% - 20px);margin-left:10px;margin-right:10px;margin-bottom:20px}}.campaign-item a{display:block;margin-bottom:5px;transition:.4s;padding:0 14px}.campaign-item img{transition:.7s}.campaign-item a:hover img{opacity:.7;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}.cap-and-hat .container-flex.color-variant .campaign-item{-ms-flex-basis:calc(100%/8 - 30px);-webkit-flex-basis:calc(100%/8 - 30px);flex-basis:calc(100%/8 - 30px);margin-left:15px;margin-right:15px;margin-bottom:35px}@media screen and (max-width:1169px){.cap-and-hat .container-flex.color-variant .campaign-item{-ms-flex-basis:calc(100%/6 - 20px);-webkit-flex-basis:calc(100%/6 - 20px);flex-basis:calc(100%/6 - 20px);margin-left:10px;margin-right:10px;margin-bottom:25px}}@media screen and (max-width:991px){.cap-and-hat .container-flex.color-variant .campaign-item{-ms-flex-basis:calc(20% - 20px);-webkit-flex-basis:calc(20% - 20px);flex-basis:calc(20% - 20px);margin-left:10px;margin-right:10px;margin-bottom:25px}}@media screen and (max-width:767px){.cap-and-hat .container-flex.color-variant .campaign-item{-ms-flex-basis:calc(33.33% - 20px);-webkit-flex-basis:calc(33.33% - 20px);flex-basis:calc(33.33% - 20px);margin-left:10px;margin-right:10px;margin-bottom:25px}}.cap-and-hat .container-flex.brand-variant .campaign-item{-ms-flex-basis:calc(20% - 20px);-webkit-flex-basis:calc(20% - 20px);flex-basis:calc(20% - 20px);margin-left:10px;margin-right:10px;margin-bottom:40px}@media screen and (max-width:991px){.cap-and-hat .container-flex.brand-variant .campaign-item{-ms-flex-basis:calc(25% - 20px);-webkit-flex-basis:calc(25% - 20px);flex-basis:calc(25% - 20px);margin-left:10px;margin-right:10px;margin-bottom:40px}}@media screen and (max-width:767px){.cap-and-hat .container-flex.brand-variant .campaign-item{-ms-flex-basis:calc(50% - 20px);-webkit-flex-basis:calc(50% - 20px);flex-basis:calc(50% - 20px);margin-left:10px;margin-right:10px;margin-bottom:40px}}.btn.btn-modified{background:var(--main-color-01);border:1px solid var(--main-color-01);color:var(--main-color-03);border-radius:30px;transition:.5s;-ms-flex-basis:calc(50% - 10px);-webkit-flex-basis:calc(50% - 10px);flex-basis:calc(50% - 10px);margin-left:5px;margin-right:5px;margin-bottom:10px}@media screen and (min-width:992px){.btn.btn-modified{-ms-flex-basis:calc(25% - 10px);-webkit-flex-basis:calc(25% - 10px);flex-basis:calc(25% - 10px)}}.btn.btn-modified:hover{background:transparent;border:1px solid var(--main-color-01);color:var(--main-color-01)}.design-variant .campaign-item,.material-variant .campaign-item{position:relative;padding-bottom:42px}.btn.bottom-btn{position:absolute;bottom:0;left:5px;right:5px}