.content_footer .bg{background-color:#DDDFD8}
.content_footer>.container{max-width:1226px}
.sm-top{color:#fff;position:relative}
.sm-top::after{content:"";position:absolute;width:100%}
.sm-categories{position:relative;overflow:hidden}
.sm-categories .bg{position:absolute;width:100%;top:0;left:0;-webkit-transition:-webkit-transform 5s cubic-bezier(0,1,.5,1);transition:-webkit-transform 5s cubic-bezier(0,1,.5,1);transition:transform 5s cubic-bezier(0,1,.5,1);transition:transform 5s cubic-bezier(0,1,.5,1),-webkit-transform 5s cubic-bezier(0,1,.5,1)}
.sm-categories .bg--1{height:100%;background:url(../img/bg_2_1.jpg) repeat-y 50% 0/100% auto}
.sm-categories .bg--2{height:200%;background:url(../img/bg_2_2.png) repeat 80% 0}
.sm-categories .bg--3{height:200%;background:url(../img/bg_2_3.png) repeat 20% 0}
.sm-title{text-align:center}
.sm-sub-title{text-align:center}
.sm-lead{line-height:1.889}
.sm-nav{position:relative;z-index:10}
.sm-nav__container{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #fff}
.sm-nav a{display:block;color:#fff}
.sm-nav .small{font-size:.813em}
.category__heading{text-align:center}
.category .sm-container{position:relative;padding-bottom:1px}
.q-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}
.q-list__item{-ms-flex-negative:0;flex-shrink:0}
.q-card{position:relative;border:1px solid #a6a6a6;background-color:#fff;color:#333;border-radius:20px 0 20px 0}
.q-card--new{border-color:#fcd41a}
.q-card__container{-webkit-transition:border-color .2s ease-out;transition:border-color .2s ease-out}
.q-card--selected{border-color:#fcd41a}
.q-card--selected .q-card__container{border-color:#fcd41a}
.q-card__head img{width:100%;height:auto}
.q-card__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}
.q-card__q::first-letter{font-size:2.375em;line-height:1}
.q-card__tags li{display:inline-block;background-color:#fffbe5}
.q-card__status{position:absolute}
.q-card__status img{max-width:100%;height:auto}
.qa-card{display:none;color:#333}
.qa-card__container{background-color:#fff}
.qa-card__pub-date{text-align:right}
.qa-card__answerer{text-align:right}
.qa-card__close{text-align:center}
.qa-card__close button{background-color:#323232;border:none;cursor:pointer;color:#fff;text-align:center}
.qa-card__close .inner{position:relative;display:inline-block}
.qa-card__close .inner::after,.qa-card__close .inner::before{content:"";position:absolute;top:50%;left:0;display:block;width:18px;height:2px;background-color:#fff;border-radius:2px}
.qa-card__close .inner::before{-webkit-transform:translate(0,-50%) rotate(45deg);transform:translate(0,-50%) rotate(45deg)}
.qa-card__close .inner::after{-webkit-transform:translate(0,-50%) rotate(-45deg);transform:translate(0,-50%) rotate(-45deg)}
.qa__head img{max-width:100%;height:auto}
.qa__text{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}
.qa--a .qa__text{font-weight:700}
.previous-a{background-color:#f2f2f2}
.previous-a__heading{font-weight:700;text-align:center}
.qa-recommend{border-top:1px solid #a6a6a6}
.qa-recommend__links li:nth-child(n+2){margin-top:10px}
.qa-recommend__links a{position:relative;display:inline-block;padding-left:19px;background:url(../img/arr.png) no-repeat 0 .1em/15px}
.swiper{position:relative;overflow:visible}
.swiper-slide{height:auto}
.swiper-container-horizontal>.swiper-scrollbar{background-color:transparent;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;z-index:50}
.swiper-container-horizontal>.swiper-scrollbar::before{content:"";position:absolute;left:0;width:100%;height:1px;background-color:#fff}
.swiper-scrollbar-drag{background-color:#fff;cursor:-webkit-grab;cursor:grab}
.swiper-button-next,.swiper-button-prev{top:auto;bottom:0;width:35px;height:24px;background:url(../img/arr_slider.png) no-repeat 0 0/cover}
.swiper-button-next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
@media print,screen and (min-width:768px){.sm-container{position:relative;max-width:1226px;margin:0 auto;padding-right:13px;padding-left:13px}
.sm-top{padding-top:25px}
.sm-top::after{top:calc(100% - 3px);height:6px;background:url(../img/bg_1_4.png) repeat-x 50% 100%}
.sm-top .bg{position:absolute;width:100%;top:0;left:0;-webkit-transition:-webkit-transform 5s cubic-bezier(0,1,.5,1);transition:-webkit-transform 5s cubic-bezier(0,1,.5,1);transition:transform 5s cubic-bezier(0,1,.5,1);transition:transform 5s cubic-bezier(0,1,.5,1),-webkit-transform 5s cubic-bezier(0,1,.5,1)}
.sm-top .bg--1{height:100%;background:url(../img/bg_1_1.jpg) no-repeat 50% 0/cover}
.sm-top .bg--2{height:100%;background:url(../img/bg_1_2.png) no-repeat 50% 0}
.sm-top .bg--3{height:200%;background:url(../img/bg_1_3.png) no-repeat 50% 0}
.sm-categories{margin-bottom:100px;padding-top:60px}
.sm-breadcrumb{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1440px;margin:0 auto;padding-right:13px;padding-left:13px;font-size:.813em}
.sm-breadcrumb li:nth-child(n+2){position:relative;margin-left:24px;padding-left:24px}
.sm-breadcrumb li:nth-child(n+2)::before{content:">";display:block;position:absolute;font-family:sans-serif;left:0;top:0;line-height:15px}
.sm-breadcrumb a{color:#fff}
.sm-title{margin-top:80px}
.sm-sub-title{margin-top:25px}
.sm-lead{text-align:center;margin:60px 0 60px;font-size:1.125em}
.sm-nav{max-width:1381px;margin:0 auto;padding-right:13px;padding-left:13px}
.sm-nav__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:24px 4.707%;border-radius:35px}
.sm-nav a{padding-left:30px;background:url(../img/arr_below.png) no-repeat 0 .125em/18px}
.category{position:relative;margin-top:-50px;padding:80px 0 0}
.category__heading{margin-bottom:37px}
.category .illust{position:absolute;-webkit-transition:-webkit-transform 10s cubic-bezier(0,1,.5,1);transition:-webkit-transform 10s cubic-bezier(0,1,.5,1);transition:transform 10s cubic-bezier(0,1,.5,1);transition:transform 10s cubic-bezier(0,1,.5,1),-webkit-transform 10s cubic-bezier(0,1,.5,1)}
.q-list{margin-bottom:120px}
.q-list__item{width:384px}
.q-card{-webkit-transition:border-color .2s ease-out;transition:border-color .2s ease-out}
.q-card__container{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;padding:33px 23px 33px 0;border:7px solid #fff;border-radius:20px 0 20px 0}
.q-card:hover{border-color:#fcd41a}
.q-card:hover .q-card__container{border-color:#fcd41a}
.q-card__head{-ms-flex-negative:0;flex-shrink:0;width:74px;padding:0 20px 0 13px;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.q-card__body{padding-left:23px;border-left:1px solid #a6a6a6}
.q-card__tags{margin-top:10px}
.q-card__tags li{font-size:.813em;padding:4px 8px}
.q-card__status{top:-12px;left:-16px;width:67px}
.qa-card{width:83.333%;margin:0 auto 70px}
.qa-card__container{padding:5% 5% 3.333%;border-radius:20px 0 20px 0;border:10px solid #fcd41a}
.qa-card__pub-date{margin-top:1em;font-size:.875em}
.qa-card__answerer{margin-top:1em;font-size:.875em}
.qa-card__close{margin-top:40px}
.qa-card__close button{width:300px;padding:6px 15px;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out}
.qa-card__close button:hover{opacity:.7}
.qa-card__close .inner{padding-left:25px}
.qa{display:-webkit-box;display:-ms-flexbox;display:flex}
.qa+.qa{margin-top:30px}
.qa__head{width:44px;margin-right:20px;-ms-flex-negative:0;flex-shrink:0}
.previous-a{margin-top:1em;padding:22px 30px 25px}
.previous-a__heading{margin-bottom:10px}
.previous-a__text{font-size:.875em}
.qa-recommend{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:30px;padding-top:25px}
.qa-recommend__heading{font-weight:700;width:18.023%;padding-right:15px}
.qa-recommend__links{font-size:.938em}
#category-pickup{padding:80px 0 20px}
#category-1 .illust{left:90%;top:50px}
#category-2 .illust{left:2%;top:100px}
#category-3 .illust{left:90%;top:50px}
#category-5 .illust{left:3%;top:0}
#category-6 .illust{left:90%;top:50px}
#category-7 .illust{left:3%;top:0}
.sm-note{font-size:.875em}
.sm-fixed-nav{display:none;position:fixed;right:40px;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);background-color:rgba(219,219,219,.56);border-radius:21px;width:42px;padding:16px 0;z-index:100}
.sm-fixed-nav__item{position:relative}
.sm-fixed-nav__item::before{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:10px;height:10px;background-color:#363636;border-radius:50%;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}
.sm-fixed-nav a{position:relative;display:block;padding:15px 0;width:100%;height:32px;font-size:.813em}
.sm-fixed-nav .outer{position:absolute;top:50%;right:0;display:block;width:100%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);overflow:hidden;-webkit-transition:right .45s ease-out;transition:right .45s ease-out}
.sm-fixed-nav .inner{display:block;background-color:#fcd41a;background-repeat:no-repeat;background-size:24px;background-position:15px 50%;color:#333;border-radius:20px;white-space:nowrap;padding:6px 15px 4px 45px;-webkit-transform:translate(100%,0) scale(0);transform:translate(100%,0) scale(0);-webkit-transition:-webkit-transform .45s ease-out;transition:-webkit-transform .45s ease-out;transition:transform .45s ease-out;transition:transform .45s ease-out,-webkit-transform .45s ease-out}
.sm-fixed-nav a:hover .outer{width:auto}
.sm-fixed-nav a:hover .inner{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
.sm-fixed-nav li:nth-child(1) .inner{background-image:url(../img/icon_pickup.png)}
.sm-fixed-nav li:nth-child(2) .inner{background-image:url(../img/icon_category_1.png)}
.sm-fixed-nav li:nth-child(3) .inner{background-image:url(../img/icon_category_2.png)}
.sm-fixed-nav li:nth-child(4) .inner{background-image:url(../img/icon_category_3.png)}
.sm-fixed-nav li:nth-child(5) .inner{background-image:url(../img/icon_category_4.png)}
.sm-fixed-nav li:nth-child(6) .inner{background-image:url(../img/icon_category_5.png)}
.sm-fixed-nav li:nth-child(7) .inner{background-image:url(../img/icon_category_6.png)}
.sm-fixed-nav li:nth-child(8) .inner{background-image:url(../img/icon_category_7.png)}
.sm-fixed-nav__item--active::before{background-color:#fcd41a}
.sp{display:none}
.swiper{margin-bottom:54px}
.swiper-container-horizontal>.swiper-scrollbar{width:calc(100% - 100px);height:7px;bottom:-45px}
.swiper-container-horizontal>.swiper-scrollbar::before{bottom:3px}
.swiper-container-free-mode>.swiper-wrapper{margin-bottom:120px}
.swiper-button-next,.swiper-button-prev{bottom:-54px}
.swiper-button-prev{left:0}
.swiper-button-next{right:0}
}
@media only screen and (max-width:767px){.sm-container{margin-right:20px;margin-left:20px}
.sm-top{background:url(../img/bg_1_2_sp.png) no-repeat 50% 0/420px auto,url(../img/bg_1_1.jpg) no-repeat 50% 0/cover;padding-top:45px}
.sm-top::after{top:calc(100% - 2px);height:3px;background:url(../img/bg_1_4.png) repeat-x 50% 100%/auto 3px}
.sm-top .bg{display:none}
.sm-categories{margin-bottom:35px;padding:45px 0;background:url(../img/bg_2_3.png) repeat 50% 0/800px auto,url(../img/bg_2_2.png) repeat 80% 0/1124px auto,url(../img/bg_2_1.jpg) repeat-y 50% 0/100% auto}
.sm-breadcrumb{display:none}
.sm-sub-title{margin-top:12px}
.sm-sub-title img{width:256px;height:auto}
.sm-lead{margin:105px 0 25px;font-size:1.063em}
.sm-nav{margin-right:20px;margin-left:20px}
.sm-nav__container{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:24px;border-radius:5px}
.sm-nav li{width:48%}
.sm-nav li:nth-child(2n){margin-left:4%}
.sm-nav li:nth-child(n+3){margin-top:15px}
.sm-nav a{padding-left:22px;background:url(../img/arr_below.png) no-repeat 0 .25em/12px}
.category{margin-top:-20px;padding:20px 0 40px}
.category__heading{margin-bottom:23px}
.category__heading img{width:180px;height:auto}
.category .illust{display:none}
.q-list{margin-bottom:80px}
.q-list__item{width:286px}
.q-card__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;padding:25px 20px 30px;border-radius:20px 0 20px 0;border:5px solid #fff}
.q-card__head{width:30px;margin:0 auto 13px;-ms-flex-negative:0;flex-shrink:0}
.q-card__tags li{font-size:.813em;margin-top:10px;padding:4px 8px}
.q-card__status{top:-10px;left:-12px;width:53px}
.qa-card__container{padding:30px 15px;border-radius:20px 0 20px 0;border:5px solid #fcd41a}
.qa-card__pub-date{margin-top:1em;font-size:.875em}
.qa-card__answerer{margin-top:1em;font-size:.875em}
.qa-card__close{margin-top:35px}
.qa-card__close button{width:100%;padding:8px 15px}
.qa-card__close .inner{padding-left:25px}
.qa+.qa{margin-top:20px}
.qa__head{width:26px;margin:0 auto 15px}
.previous-a{margin-top:25px;padding:30px 30px 20px}
.previous-a__heading{margin-bottom:10px}
.previous-a__text{font-size:.875em}
.qa-recommend{margin-top:30px;padding-top:20px}
.qa-recommend__heading{font-weight:700;margin-bottom:15px;text-align:center}
.qa-recommend__links{font-size:.938em}
#category-pickup{padding:45px 0 60px}
.sm-note{font-size:.813em}
.sm-fixed-nav{display:none!important}
.pc{display:none}
.swiper{width:85.373%;margin:0 auto;margin-bottom:49px}
.swiper-container-horizontal>.swiper-scrollbar{width:calc(100% - 40px);height:15px;bottom:-45px}
.swiper-container-horizontal>.swiper-scrollbar::before{bottom:7px}
.swiper-container-free-mode>.swiper-wrapper{margin-bottom:80px}
.swiper-button-next,.swiper-button-prev{bottom:-49px}
.swiper-button-prev{left:-25px}
.swiper-button-next{right:-25px}
.content_footer .recommend .banner img{width:100%}
}