@charset "UTF-8";@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}.loop_wrap{display:flex;width:100vw;overflow:hidden}.loop_wrap img{width:auto}.loop_wrap img:first-child{animation:loop 100s -50s linear infinite}.loop_wrap img:last-child{animation:loop2 100s linear infinite}.ani-txt.loop_wrap div{flex:0 0 auto;white-space:nowrap}.ani-txt.loop_wrap div:nth-child(odd){animation:loop 50s -25s linear infinite}.ani-txt.loop_wrap div:nth-child(even){animation:loop2 50s linear infinite}.main-area{width:100%;min-width:1040px;min-height:500px;background:url(//hapi.machidukuri.fukui.jp/wp-content/themes/hapiline/css/../img/bg-top-main.png) repeat-x bottom center;position:relative}.main-area .trein{position:absolute;bottom:-10px;left:-15%;z-index:100;width:46vw}.main-area .ani-txt{color:#fff;font-size:10vw;line-height:1.4}.main-area .fukei img{vertical-align:bottom}.main-area .top-slide-area{width:70%;float:left}.main-area .shincyaku{width:30%;float:right;padding:0 60px 0 80px}.main-area .top-slide-area .box{margin:0 40px;position:relative;border-radius:16px}.main-area .top-slide-area .box:before{content:"";display:block}.main-area .top-slide-area .box .info-box{width:100%;position:absolute;bottom:0;padding:15em 1.5em 1.5em;color:#fff;font-size:1.1em;background:url(//hapi.machidukuri.fukui.jp/wp-content/themes/hapiline/css/../img/bg-glade-s71.png) repeat-x bottom;transition:1s}.main-area .top-slide-area .box .info-box .day{font-size:13px;color:#eee;padding-top:8px;font-weight:200}.main-area .top-slide-area .box .photo img{aspect-ratio:1/1;border-radius:16px;object-fit:cover}.main-area .top-slide-area .box .no-image{aspect-ratio:1/1;background:#fff url(//hapi.machidukuri.fukui.jp/wp-content/themes/hapiline/css/../img/no-image.png) no-repeat center center;background-size:80%}.main-area .top-slide-area .box:hover .info-box{background:url(//hapi.machidukuri.fukui.jp/wp-content/themes/hapiline/css/../img/bg-glade-s71.png) repeat-x bottom;opacity:1;color:#9bc01c}.top-slide-area .slick-prev,.top-slide-area .slick-prev:before,.top-slide-area .slick-prev:hover,.top-slide-area .slick-prev:active:before,.top-slide-area .slick-prev:active,.top-slide-area .slick-prev:hover:before,.top-slide-area .slick-prev:focus,.top-slide-area .slick-prev:focus:before{left:25.6%;display:block;position:absolute;top:44%;background:url(//hapi.machidukuri.fukui.jp/wp-content/themes/hapiline/css/../img/prev.png) no-repeat center center;background-size:100%;width:64px;height:64px;z-index:9998;border:0}.top-slide-area .slick-next,.top-slide-area .slick-next:before,.top-slide-area .slick-next:hover,.top-slide-area .slick-next:hover:before,.top-slide-area .slick-next:active,.top-slide-area .slick-next:active:before,.top-slide-area .slick-next:focus,.top-slide-area .slick-next:focus:before{right:25.6%;display:block;position:absolute;top:44%;background:url(//hapi.machidukuri.fukui.jp/wp-content/themes/hapiline/css/../img/next.png) no-repeat center center;background-size:100%;width:64px;height:64px;z-index:9998;border:0}.main-area .shincyaku .base{width:100%;background:#fff;border-radius:16px;padding:0 40px 40px;height:540px}.main-area .shincyaku .base h2{width:100%;background:url(//hapi.machidukuri.fukui.jp/wp-content/themes/hapiline/css/../img/bg-l-pink.png) no-repeat bottom left,url(//hapi.machidukuri.fukui.jp/wp-content/themes/hapiline/css/../img/bg-r-green.png) no-repeat bottom right,#f5f5f5;padding:12px;font-size:15px;font-weight:600;margin-bottom:16px;text-align:center;color:#202020}.main-area .shincyaku .base ul{width:100%;padding:0 16px 0 0;height:420px;overflow-y:scroll}.main-area .shincyaku .base ul li{width:100%;padding:16px 0;border-bottom:1px dotted #aaa}.main-area .shincyaku .base ul li .day{color:#e6378d;font-size:12px;display:inline-block;margin-right:8px}.main-area .shincyaku .base ul li .cate{color:#333;font-size:11px;display:inline-block;padding:8px 12px 7px;line-height:1;border:1px solid #666;border-radius:100vh}.main-area .shincyaku .base ul li .title{padding:8px 0 0;display:block;font-size:15px}@media(max-width:1680px){.main-area .top-read-area{margin-left:80px}}@media(max-width:1440px){.main-area .top-slide-area{width:100%;float:none}.main-area .shincyaku{width:100%;float:none;padding:0 40px 40px}.main-area .shincyaku .base{width:100%;background:#fff;border-radius:16px;padding:20px 100px 20px;height:300px;margin-top:60px}.main-area .shincyaku .base ul{width:100%;padding:0 16px 0 0;height:180px;overflow-y:scroll}.main-area .shincyaku .base ul li .title{padding:6px 0 0;display:inline-block;font-size:14px}.main-area .top-slide-area .box{margin:0 32px}.top-slide-area .slick-prev,.top-slide-area .slick-prev:before,.top-slide-area .slick-prev:hover,.top-slide-area .slick-prev:active:before,.top-slide-area .slick-prev:active,.top-slide-area .slick-prev:hover:before,.top-slide-area .slick-prev:focus,.top-slide-area .slick-prev:focus:before{left:25.6%;top:44%;width:48px;height:48px}.top-slide-area .slick-next,.top-slide-area .slick-next:before,.top-slide-area .slick-next:hover,.top-slide-area .slick-next:hover:before,.top-slide-area .slick-next:active,.top-slide-area .slick-next:active:before,.top-slide-area .slick-next:focus,.top-slide-area .slick-next:focus:before{right:25.6%;top:44%;width:48px;height:48px}}@media(max-width:768px){.main-area{min-width:100%;padding-top:30px}.main-area .top-slide-area .box{margin:0 10px}.loop_wrap{width:270vw}.main-area .trein{bottom:-10px;left:-50%;width:110vw}.main-area .ani-txt{color:#fff;font-size:18vw;line-height:1.8}.top-slide-area .slick-prev,.top-slide-area .slick-prev:before,.top-slide-area .slick-prev:hover,.top-slide-area .slick-prev:active:before,.top-slide-area .slick-prev:active,.top-slide-area .slick-prev:hover:before,.top-slide-area .slick-prev:focus,.top-slide-area .slick-prev:focus:before{left:40px;top:44%;width:32px;height:32px}.top-slide-area .slick-next,.top-slide-area .slick-next:before,.top-slide-area .slick-next:hover,.top-slide-area .slick-next:hover:before,.top-slide-area .slick-next:active,.top-slide-area .slick-next:active:before,.top-slide-area .slick-next:focus,.top-slide-area .slick-next:focus:before{right:40px;top:44%;width:32px;height:32px}.main-area .shincyaku{width:100%;float:none;padding:0 24px}.main-area .shincyaku .base{width:100%;background:#fff;border-radius:8px;padding:16px;height:300px;margin-top:24px}.main-area .shincyaku .base ul{width:100%;padding:0 16px 0 0;height:180px;overflow-y:scroll}.main-area .shincyaku .base ul li .title{padding:6px 0 0;display:inline-block;font-size:13px}}