.animation-gif{position:absolute;width:100%;-webkit-animation:animation-gif 2s ease-in 1s 1 alternate none running;animation:animation-gif 2s ease-in 1s 1 alternate none running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@media screen and (max-width:749px){.animation-gif .item{width:40px}@-webkit-keyframes animation-gif {
      0% {
        bottom: 1430px;
        opacity: 1;
      }
      80% {
        opacity: 1;
      }
      100% {
        bottom: 100px;
        opacity: 0;
      }
    }@keyframes animation-gif {
      0% {
        bottom: 1430px;
        opacity: 1;
      }
      80% {
        opacity: 1;
      }
      100% {
        bottom: 100px;
        opacity: 0;
      }
    }}@media screen and (min-width:750px){@-webkit-keyframes animation-gif {
      0% {
        bottom: 1520px;
        opacity: 1;
      }
      80% {
        opacity: 1;
      }
      100% {
        bottom: 120px;
        opacity: 0;
      }
    }@keyframes animation-gif {
      0% {
        bottom: 1520px;
        opacity: 1;
      }
      80% {
        opacity: 1;
      }
      100% {
        bottom: 120px;
        opacity: 0;
      }
    }}.topImage-gif{position:relative;height:700px}.topImage-gif .wrapper{text-align:center;position:relative;bottom:750px}@media screen and (max-width:749px){.topImage-gif{height:460px}.topImage-gif .wrapper{bottom:150px}}.app-area{}.app-store{display:-webkit-box;display:-ms-flexbox;display:flex;margin:30px auto 0 auto;padding:30px 0}.app-store .item{width:33%}@media screen and (max-width:749px){.txt-area{padding:10px 15px}.app-store{-ms-flex-wrap:wrap;flex-wrap:wrap;display:block}.app-store .item{width:48%;display:inline-block}.app-store .catch{width:100%;text-align:center;height:auto;margin-bottom:30px}}@media screen and (min-width:750px){.txt-area{width:650px;margin:0 auto}.app-img{margin-top:30px}.app-store{width:650px}.app-store .item{height:62px}}.media-slide{display:none}.media-slide .slick-prev{display:none}.slick-arrow:before{background-repeat:no-repeat;background-size:10px;font-family:auto;opacity:1}.slick-prev:before{background-image:url(http://www.okippa.life/assets/img/top/xicon_arrow_left.png.pagespeed.ic.Mv7UWn2nLe.png)}.slick-next:before{background-image:url(http://www.okippa.life/assets/img/top/xicon_arrow_right.png.pagespeed.ic.2lDnjV-a8w.png)}@media screen and (max-width:749px){.media-slide.sp{display:block}}@media screen and (min-width:750px){.media-slide.pc{display:block}}.danboru-movie-area{position:relative}@media screen and (max-width:749px){.danboru-movie-area{position:relative;width:100%;height:600px;overflow:hidden}.danboru-movie{position:absolute;margin:auto;-webkit-animation:rotation 5s ease-in 0s 1 alternate none running;animation:rotation 5s ease-in 0s 1 alternate none running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes rotation {
        0% {
          top: 100px;
          left: 0;
          width: 441px;
          height: 200px;
        }
        100% {
          top: -100px;
          left: -900px;
          width: 1324px;
          height: 600px;
        }
      }@keyframes rotation {
        0% {
          top: 100px;
          left: 0;
          width: 441px;
          height: 200px;
        }
        100% {
          top: -100px;
          left: -900px;
          width: 1324px;
          height: 600px;
        }
      }}@media screen and (min-width:750px){.danboru-movie-area{position:relative;width:960px;height:434px}.danboru-movie{position:absolute;top:0;bottom:0;margin:auto;-webkit-animation:rotation 8s ease-in 0s 1 alternate none running;animation:rotation 8s ease-in 0s 1 alternate none running;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes rotation {
        0% {
          right: -300px;
          width: 960px;
          height: 434px;
        }
        100% {
          top: -400px;
          right: -300px;
          width: 3312px;
          height: 1500px;
        }
      }}.youtube{width:100%}@media screen and (max-width:749px){.youtube-area{padding:10px}.youtube{margin-top:40px}}@media screen and (min-width:750px){.youtube{height:540px}}.btn-area{position:relative}.linkGuide{color:#2ab078;text-align:center;display:block}@media screen and (max-width:749px){.btn-area{margin-top:-30px}.linkGuide{padding:30px 0}}@media screen and (min-width:750px){.linkGuide{position:absolute;left:0;top:30px}}#wpstats{display:none}body{font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:16px}a{color:#2ab078;text-decoration:none;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s}a:hover{opacity:.7;text-decoration:none}img{margin:20px auto}@media screen and (max-width:749px){img{margin:10px auto}}.site-header2 h1{font-weight:bold;top:50%;left:100px;position:absolute;font-size:24px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.site-header2 .img{}@media screen and (max-width:749px){.site-header2{background-size:46px;margin-bottom:60px}body{font-size:14px}.site-header2 .container{text-align:center}.site-header2 .img{}.site-header2 h1{top:25%;left:5%;transform:translateY(-25%);-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%)}}@media screen and (min-width:750px){.site-header2 .img{position:absolute;top:0;height:161px;right:170px}}.article-list{}.article-list .list{box-shadow:none}.article-list .popularbox{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:space-between;flex-wrap:wrap;width:90%;margin:0 auto;max-width:1000px}.article-list .popularbox .list_big{padding:10px;width:32%}.article-list .popularpost{margin:0 10px}.article-list .popularpost:hover{opacity:.8}.article-list .post_thumb{width:270px;object-fit:cover;height:180px;margin:auto;background-size:cover;margin:20px auto;background-position:center}.article-list a{color:#4a4a4a}@media screen and (max-width:749px){.article-list .container{padding:0}.article-list .post_thumb{width:100%}.article-list .popularbox{width:100%}}@media screen and (max-width:499px){.article-list .post_thumb{height:100px}}@media screen and (min-width:500px) and (max-width:749px){.article-list .post_thumb{height:200px}}@media screen and (min-width:750px) and (max-width:999px){.article-list .post_thumb{width:200px;object-fit:cover;height:140px}}@media screen and (min-width:1000px){.article-list .post_thumb{width:270px;object-fit:cover;height:180px}}@media screen and (max-width:749px){.article-list .post_thumb{width:100%;object-fit:cover;margin:auto;background-size:cover;margin:20px auto}.article-list .popularbox .list_big{padding:0;width:48%}.article-list{}.article-list .popularpost{margin-bottom:30px}}@media screen and (min-width:750px){.article-list .popularbox{display:flex}.article-list .popularpost{padding:10px;width:320px}}.container{}@media screen and (min-width:750px){.post_body .container{max-width:1000px;width:80%;margin:40px auto}.post_body .container-image{width:100%}}.post_body h1{border:none;margin-bottom:20px}.post_body h1>span{padding:0}@media screen and (min-width:750px){.post_body h1{font-size:30px;padding:10px 0 20px;font-weight:bold}}@media screen and (max-width:749px){.post_body h1{font-size:20px;padding:10px 0 0}}.post_body h2{font-weight:bold;font-size:24px;padding:30px 0 20px}.post_body h2{position:relative}.post_body h2:before{position:absolute;content:"";z-index:0;bottom:0;left:0;width:100%;height:6px;border-radius:5px;background-image:linear-gradient(-45deg,transparent 25%,#ccc5b8 25%,#ccc5b8 50%,transparent 50%,transparent 75%,#ccc5b8 75%,#ccc5b8);background-size:6px 6px}.post_body h2>span{padding:0;border:none}@media screen and (max-width:749px){.post_body h2{font-size:16px;padding-bottom:15px}.post_body h2:before{height:4px}}.post_body h3{border-bottom:5px dotted #ccc5b9;border-left:none;background:none;font-size:18px;padding:.4em 0}.post_body h4{background:#ccc5b9;border:none;font-weight:bold;margin-bottom:5px}.post_body h4:before{display:none}.post_body h4>span{padding:0}@media screen and (min-width:750px){.post_body h4{font-size:16px;padding:15px}}@media screen and (max-width:749px){.post_body h4{font-size:12px;padding:10px}}.post_body h5{line-height:1.5;border:none;border-bottom:2px solid #dedede}.post_body h5>span{padding:0}.post_body h5:before{display:none}@media screen and (min-width:750px){.post_body h5{font-size:19px;font-weight:bold;padding:7.5px 0}}@media screen and (max-width:749px){.post_body h5{font-size:14.5px;font-weight:normal;padding:11.5px 0}}.post_body{word-break:break-word}@media screen and (max-width:749px){.post_body{padding:0 10px}}.post-date{color:#98a6b5;font-size:14px;text-align:right}.post-content{padding:10px 0}.btn-okippa-rakuten{width:200px;height:52px;border-radius:4px;background-color:#d22c39;font-size:13px;font-weight:bold;line-height:1.23;text-align:center;color:#fff;padding:17px 0;border:solid 2px #d22c39}.btn-okippa-yahoo-shopping{width:200px;height:52px;border-radius:4px;background-color:#fff;font-size:13px;font-weight:bold;line-height:1.23;text-align:center;color:#ff0433;padding:17px 0;border:solid 2px #ff0433}.btn-okippa-yahoo-shopping:hover{color:#ff4d6d}.btn-okippa{width:200px;height:52px;border-radius:4px;background-color:#2ab978;font-size:13px;font-weight:bold;line-height:1.23;text-align:center;color:#fff;padding:17px 0}.btn-okippa-amazon{width:200px;height:52px;border-radius:4px;background-color:#fff;font-size:13px;font-weight:bold;line-height:1.23;text-align:center;color:#000;padding:17px 0;border:solid 2px #fa9901}.btn-okippa-amazon:hover{color:#666}.pc-area .btn-okippa{margin-left:0}@media screen and (max-width:900px){.btn-okippa{width:200px;height:52px;border-radius:4px;background-color:#2ab978;font-size:13px;font-weight:bold;line-height:1.23;text-align:center;color:#fff;padding:17px 0}.btn-okippa-amazon{width:200px;height:52px;border-radius:4px;background-color:#fff;font-size:13px;font-weight:bold;line-height:1.23;text-align:center;color:#000;padding:17px 0;border:solid 2px #fa9901;margin-bottom:24px}}.pc-area{display:block}.sp-area{display:none}.pc-center{text-align:center}@media screen and (max-width:900px){.sp-img{width:100%}.pc-area{display:none}.sp-area{display:block}.pc-center{text-align:start}}.pager-post-navi{margin-bottom:32px;margin-right:auto;margin-left:auto;display:flex;flex-direction:initial;justify-content:space-between}.pager-post-navi a{padding:10px;margin:0;display:inline-flex;align-items:center;line-height:1.2;font-size:.8em}.pager-post-navi a.prev-post{flex-direction:row;padding-left:5px;width:40%;cursor:pointer}.pager-post-navi a.next-post{flex-direction:row-reverse;width:40%;cursor:pointer}.pager-post-navi a figure{min-width:120px;max-width:120px}.pager-post-navi a.prev-post .prev-post-title{margin-left:10px}.pager-post-navi a.next-post .next-post-title{margin-right:10px}.a--button{width:30%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none}@media screen and (max-width:749px){.pager-post-navi a.prev-post,.pager-post-navi a.next-post{display:block}.a--button{width:60%}}.okippa__button{z-index:1;width:100%;max-width:100%;height:48px;border-radius:24px;border-style:none;color:#fff;background:#2ab978;font-size:16px;font-weight:600;vertical-align:middle;-webkit-transition:.1s;transition:.1s;margin-bottom:2.4rem}ol{margin-left:30px}.detail{padding-top:0}#toc_container{background:#fff;border:4px double #ccc5b8;padding:30px 10%;margin-bottom:1em;width:100%}#toc_container a{color:#777}#toc_container li a::before{　content:"«"}#toc_container span.toc_toggle{font-weight:bold}@media screen and (max-width:749px){#toc_container{padding:20px 5%}.lkc-external-wrap,.lkc-internal-wrap{width:100%}.lkc-thumbnail{padding:0;width:23%}.lkc-title-text{font-size:12px}}.linkcard{margin:50px auto}.lkc-external-wrap,.lkc-internal-wrap{position:relative;margin:15px 0 16px;padding:15px 20px 25px;border:2px solid #ccc5b9;background-color:#fff;width:90%;margin:auto;max-width:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.lkc-external-wrap p:last-child,.lkc-internal-wrap p:last-child{margin-bottom:0}.lkc-external-wrap::before,.lkc-internal-wrap::before{font-family:FontAwesome;position:absolute;bottom:100%;left:5px;padding:7px 20px 5px;content:"あわせて読みたい";background-color:#ccc5b9;color:#fff;font-weight:bold;border-radius:15px 15px 0 0;font-size:14px}#toc_container li{margin-bottom:10px}.lkc-title{margin-bottom:10px}.lkc-title-text{padding-left:20px;display:block}.lkc-url{padding-left:20px;margin-bottom:10px}.lkc-excerpt{padding-left:20px}.lkc-thumbnail{max-width:none;max-height:none;width:20%;padding:10px}img.lkc-thumbnail-img{width:100%}.lkc-content{}.under{background:linear-gradient(transparent 70%,yellow 70%);font-weight:bold}.box1{border:2px solid #ccc5b9;padding:20px;border-radius:30px;margin:30px 0;line-height:2}.box2{border:2px solid #2ab978;padding:30px;border-radius:30px;margin:30px 0;line-height:2}.box4{border:2px solid #2ab978;padding:20px}.box4 .box-title{color:#2ab978}.box4 ul{margin-bottom:0;margin-top:20px}.box1 ul{margin-bottom:0;margin-top:0}@media screen and (max-width:749px){.box1,.box2{padding:10px 20px;margin:20px auto}}.footable{margin-bottom:20px;border-radius:0;border:1px solid #ccc5b9;border-collapse:collapse}.footable>thead>tr>th,.footable>thead>tr>td{background-color:#f7f3ed;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f3ed),to(#f7f3ed));background-image:-webkit-linear-gradient(top,#f7f3ed,#f7f3ed);background-image:-moz-linear-gradient(top,#f7f3ed,#f7f3ed);background-image:-ms-linear-gradient(top,#f7f3ed,#f7f3ed);background-image:-o-linear-gradient(top,#f7f3ed,#f7f3ed);background-image:linear-gradient(to bottom,#f7f3ed,#f7f3ed)}.footable>tbody>tr>td{padding:20px;border-top:1px solid #ccc5b9;border-left:1px solid #ccc5b9}.footable>thead>tr>th{padding:30px 15px;border-left:1px solid #ccc5b9}.footable>tbody>tr:hover{background-color:inherit}@media screen and (max-width:749px){.footable{font-size:12px}.footable>thead>tr>th{padding:10px}}.container-cover{background:#fff}.pagination{margin:0}@media screen and (max-width:749px){.pick-up__block{display:block}.pick-up__block img{margin:0 auto}}.container-image__block{display:flex;justify-content:space-between;align-items:center;padding:30px 60px 30px 30px}.container-image__block div{width:50%;padding:30px}.container-image__block img{width:50%;height:auto;margin-top:0}.container-image__block .block-title{font-size:24px;font-weight:bold;margin-bottom:10px}.container-image__block .block-subtitle{font-weight:bold;font-size:18px;margin-bottom:20px}.container-image__block .block-text{}@media screen and (max-width:749px){.container-image__block{display:block;padding:50px 5% 10px}.container-image__block div{padding:0;width:100%}.container-image__block img{width:100%;margin-top:20px}.container-image__block .block-title{font-size:18px}}.pick-up__block{display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;margin:auto}.pick-up__block a{width:32%}.pick-up p{width:90%;margin:auto;text-align:center;color:#a5a5a5;font-weight:bold;border-bottom:1px solid #a5a5a5;margin-bottom:30px;padding-bottom:10px}@media screen and (max-width:749px){.pick-up__block a{width:100%;margin:5px auto}}.container-image.link{background:#f6f6f6;padding:0;padding-bottom:60px;margin-bottom:60px}.list_big .post_ttl{height:auto}