.pc_view{display:block !important}
.sp_view{display:none !important}
.header{position:fixed;top:0;left:0;z-index:10;padding-bottom:20px}
.header img{display:block;width:184px;height:auto;padding:15px 30px;margin-left:20px;box-sizing:border-box;border-radius:0 0 10px 10px / 0 0 10px 10px;background-color:#257ce1}
.slideshow{margin:40px 20px 50px;position:relative;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden}
.slideshow__image{width:100%;margin:0 auto;max-width:1584px;overflow:hidden;padding-top:33.67003%}
.slideshow__image li{position:absolute;top:0;left:0;width:100%;height:100%}
.slideshow__image li.active{z-index:1}
.slideshow__image li.animate{z-index:2;opacity:0}
.slideshow__image img{width:100%;height:auto}
.slideshow__navi{position:absolute;bottom:13px;left:0;right:0;margin:0 auto;text-align:center;z-index:10}
.slideshow__navi li{display:inline-block;width:12px;height:12px;border:1px solid #a0a0a0;background:#ffffff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 10px;border-radius:100%;cursor:pointer;outline:none}
.slideshow__navi li.active{background:#397adc;border:1px solid #a0a0a0}
.menu{display:-webkit-box;display:-webkit-flex;display:flex}
.menu li{border-right:1px solid #588ddd;width:190px;display:block;text-align:center}
.navi__top{padding:0 24px}
.navi__top>ul{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;max-width:900px;margin:0 auto 50px}
.navi__top>ul>li{display:inline-block;width:20%;max-width:180px;font-size:18px;font-family:YuGothic, 'Yu Gothic', sans-serif;color:#588ddd;line-height:1.0;text-align:center;border-right:1px solid #588ddd}
.navi__top>ul>li a,.navi__top>ul>li span{display:block;position:relative;margin-top:-5px;color:#588ddd;text-decoration:none;-webkit-transition:0.2s;transition:0.2s}
.navi__top>ul>li a:hover,.navi__top>ul>li span:hover{filter:alpha(opacity=80);-webkit-opacity:0.80;opacity:0.80}
.navi__top>ul>li span:hover{filter:alpha(opacity=100);-webkit-opacity:1;opacity:1}
.navi__top__home span{background:url('../img/top/ic_navi_01db21.png?1517795466') no-repeat 50% 0;padding-top:40px;padding-bottom:5px}
.navi__top__article a{background:url('../img/top/ic_navi_02db21.png?1517795466') no-repeat 50% 0;padding-top:40px;padding-bottom:5px}
.navi__top__pickup a{background:url('../img/top/ic_navi_03db21.png?1517795466') no-repeat 50% 0;padding-top:40px;padding-bottom:5px}
.navi__top__products a{background:url('../img/top/ic_navi_04db21.png?1517795466') no-repeat 50% 0;padding-top:40px;padding-bottom:5px}
.navi__top__share{position:relative;border-right:0 !important}
.navi__top__share a{background:url('../img/top/ic_navi_0598ac.png?1517795467') no-repeat 50% 0;padding-top:40px;padding-bottom:1px;cursor:pointer}
.navi__top .sns{background:rgba(255,255,255,0.5);display:none;width:52px;padding:5px;box-sizing:border-box;position:absolute;top:50px;left:0;right:0;margin:auto;-webkit-border-radius:10px;border-radius:10px;z-index:10}
.navi__top .sns li{display:block !important;list-style:none}
.navi__top .sns li a{background:none !important;width:32px;padding:5px !important;-webkit-transition:0.2s;transition:0.2s}
.navi__top .sns li a:hover{filter:alpha(opacity=80);-webkit-opacity:0.80;opacity:0.80}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(-360deg)}
}
@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}
100%{-ms-transform:rotate(-360deg)}
}
@-o-keyframes spin{0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(-360deg)}
}
@keyframes spin{0%{transform:rotate(0deg)}
100%{transform:rotate(-360deg)}
}
.article{position:relative}
.article__loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff;z-index:9}
.article__loading__image{position:absolute;top:300px;left:50%;width:154px;height:154px;display:block;margin-left:-77px}
.article__loading__logo{position:absolute;top:0;left:0;width:154px;height:154px;display:block}
.article__loading__spin{position:absolute;top:0;left:0;width:154px;height:154px;display:block;-moz-animation:spin 3s steps(18) infinite;-webkit-animation:spin 3s steps(18) infinite;animation:spin 3s steps(18) infinite}
.article__list{margin:0 auto 42px;min-height:500px}
.article__list li{width:21.42857%;height:300px;margin:0 1.78571% 50px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.article__list li a{display:block;position:relative;text-decoration:none;border:1px solid #e5e5e5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background:#ffffff;border-radius:10px;overflow:hidden;width:100%;position:relative}
.article__list li img{margin-bottom:8px;display:block;width:100%;height:auto;position:absolute;top:0;left:0}
.article__list li h1{font-size:14px;font-weight:bold;margin-bottom:6px;color:#000000;overflow:hidden}
.article__list li p{font-size:12px;color:#838383;line-height:1.6;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article__list li.tall a{padding-top:216.66667%}
.article__list li.wide{width:46.42857%}
.article__list li.wide img{margin-right:0px;margin-bottom:0;width:auto;height:100%;position:absolute;top:0;left:0}
.article__list li.wide a{padding-top:46.15385%}
.article__list li.wide .article__list__text{float:left;width:45.23077%;padding:0 0 0;height:100%;position:absolute;top:0;right:0;bottom:auto !important}
.article__list li.wide .article__list__text h1{margin:10px 0 0 8px;padding-right:8px;max-height:100%}
.article__list li.wide .article__list__text p{padding:0 8px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:100% !important;overflow:hidden;text-overflow:inherit;white-space:normal}
.article__list li.wide .article__list__text__cover{position:absolute;right:100%;bottom:0;display:block;width:auto;height:100%;left:auto !important;margin-bottom:0 !important}
.article__list li.banner{border:1px solid #e5e5e5;border-radius:10px}
.article__list li.banner a{border:0;background:none}
.article__list li.banner a img{margin-bottom:0}
.article__list__text{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:0px;width:100%;background:#ffffff;padding:5px 10px 3px}
.article__list__text__cover{position:absolute;bottom:100%;display:block;width:100%;height:auto;top:auto !important;margin-bottom:0 !important}
.article__list__text p{line-height:1.6em;max-height:3.2em;overflow:hidden}
.article__list__more{display:block;margin:0 auto 50px;text-align:center}
.article__list__more img{cursor:pointer}
@media screen and (max-width: 1050px){.article__list{max-width:1050px;margin:0 auto}
.article__list li{width:28.57143%;margin:0 2.38095% 50px}
.article__list li.wide{width:61.90476%}
}
@media screen and (max-width: 600px){#pagetop{position:static !important}
.pc_view{display:none !important}
.sp_view{display:block !important}
.slideshow{margin:8% 0 14px;border-top-left-radius:10px;border-top-right-radius:10px}
.slideshow__image{width:100%;margin:0 auto;overflow:hidden;padding-top:56.53333%}
.slideshow__navi{bottom:5px;line-height:1}
.navi__top{padding:0 24px}
.navi__top>ul{width:100%;max-width:700px;margin:0 auto 14px}
.navi__top>ul>li{width:25%;font-size:10px;line-height:1.0}
.navi__top>ul>li a,.navi__top>ul>li span{display:block;position:relative;margin-top:0}
.navi__top__home span{background:url('../img/top/ic_navi_01_sp600f.png?1518489732') no-repeat 50% 0;-moz-background-size:21px 21px;-o-background-size:21px 21px;-webkit-background-size:21px 21px;background-size:21px 21px;padding-top:25px;padding-bottom:0px}
.navi__top__article a{background:url('../img/top/ic_navi_02_sp600f.png?1518489732') no-repeat 50% 0;-moz-background-size:21px 21px;-o-background-size:21px 21px;-webkit-background-size:21px 21px;background-size:21px 21px;padding-top:25px;padding-bottom:0px}
.navi__top__pickup a{background:url('../img/top/ic_navi_03_sp600f.png?1518489732') no-repeat 50% 0;-moz-background-size:21px 21px;-o-background-size:21px 21px;-webkit-background-size:21px 21px;background-size:21px 21px;padding-top:25px;padding-bottom:0px}
.navi__top__article{border-right:0 !important}
.navi__top__products a{background:url('../img/top/ic_navi_04_sp600f.png?1518489732') no-repeat 50% 0;-moz-background-size:21px 21px;-o-background-size:21px 21px;-webkit-background-size:21px 21px;background-size:21px 21px;padding-top:25px;padding-bottom:0px}
.navi__top__share{display:none !important;width:0}
.article{padding-bottom:0}
.article__loading__image{top:130px;width:77px;height:77px;display:block;margin-left:-38px}
.article__loading__logo{width:77px;height:77px}
.article__loading__spin{width:77px;height:77px}
.article__list li{width:94.66667%;height:auto;margin:0 2.66667% 5.33333%}
.article__list li.wide{width:94.66667%}
.article__list li h1,.article__list li p{font-size:16px;line-height:1.5em}
.article__list li a{overflow:auto;border:0}
.article__list li.wide{width:94.66667%}
.article__list li.wide img{width:100%;height:auto;position:relative;top:0;left:0}
.article__list li.wide .article__list__text{float:none;width:100%;height:auto;position:relative;top:auto;bottom:0 !important;right:0}
.article__list li.wide .article__list__text h1{margin:0 0 0 0;padding-right:0}
.article__list li.wide .article__list__text p{padding:0 8px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.6em;max-height:3.2em !important;overflow:hidden}
.article__list li.wide .article__list__text__cover{position:absolute;bottom:100%;display:block;width:100%;height:auto;top:auto !important;right:0;margin-bottom:0 !important}
.article__list__wrapper{overflow:hidden;border:1px solid #e5e5e5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px}
.article__list__image,.article__list__text{position:relative !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;margin-bottom:0 !important}
.article__list__text{padding:5px 10px 3px !important}
.article__list__more{margin-bottom:0px}
}