@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Noto Sans Japanese',sans-serif}:focus{outline:0}body{margin:0;background-color:#fccbd4;border-left:6px solid #fccbd4;border-right:6px solid #fccbd4}img{height:auto;max-width:100%}ul{padding:0;margin:0}li{list-style:none}fieldset{border:none}html{font-size:16px;font-weight:200;line-height:1.5}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:1rem}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;line-height:1.1}p{margin:0}a{color:#000;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease}a:hover{color:#9e8189}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:769px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}header{position:relative;background-color:#fccbd4;top:0;left:0;width:calc(100% + 12px);margin:0 -8px;z-index:3}.navbar{overflow:hidden}.navbar-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;max-width:980px;overflow-x:scroll;padding-bottom:17px;margin-bottom:-17px!important}.navbar-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:26px;line-height:26px;padding:0 20px}.navbar-item a{color:#fff;font-weight:500}.navbar-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:calc(54px + 32px + 20px);padding:32px 30px 20px;border-bottom:1px solid #fff;-webkit-transition:height .3s ease,padding .3s ease;transition:height .3s ease,padding .3s ease}.navbar-top.fixed{height:calc(26px + 12px + 12px);padding-top:12px;padding-bottom:12px}.navbar-top h1{font-size:2.5em;line-height:54px;color:#fff;margin:0;-webkit-transition:font-size .3s ease,line-height .3s ease;transition:font-size .3s ease,line-height .3s ease}.navbar-top.fixed h1{line-height:26px;font-size:1rem}.navbar-top .navbar-items{margin:initial;font-weight:700}.navbar-top .navbar-item{position:relative;margin:0 10px}.navbar-top .navbar-item:after{content:'';position:absolute;top:0;right:0;height:100%;width:0;background-color:#fff;-webkit-transform:skew(-27deg);transform:skew(-27deg);z-index:-1;-webkit-transition:width .1s linear;transition:width .1s linear}.navbar-top .navbar-item:hover:after{left:0;width:100%}.navbar-top .navbar-item a{color:#fff}.navbar-top .navbar-item:hover a{color:#000}.navbar-top .navbar-slogan:after{left:0;width:100%}.navbar-top .navbar-slogan a{color:#000}@media (max-width:1280px){.navbar-top{-ms-flex-wrap:wrap;flex-wrap:wrap;height:initial}.navbar-top a{width:100%;padding-bottom:20px}.navbar-top .navbar-items{margin-left:auto}}@media (max-width:680px){.navbar-items{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0 auto}.navbar-top h1{font-size:1rem;text-align:center}.navbar-top .navbar-item,.navbar-top .navbar-items{margin:0 auto}.navbar-go-top,.navbar-slogan,.navbar-top .navbar-item:after{display:none}}.navbar-bottom{height:34px;border-bottom:1px solid #fff}.navbar-bottom .navbar-item{font-size:.875rem;line-height:34px}.navbar-bottom .navbar-item a:hover{color:#9e8189}.share-buttons{margin-top:20px!important;margin-bottom:20px!important;padding:20px}.share-buttons .inner a{width:20%!important}.article-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;line-height:20px;color:#fff;background-color:#fccbd4;border-bottom:4px solid #fccbd4;margin-left:-15px;margin-right:-15px}.article-header h1{padding-left:20px;margin:0;font-size:1rem;line-height:60px}.article-time{background-color:#9e8189;padding:0 30px;margin:0;font-size:1rem;border-right:4px solid #fff}.article-time p{line-height:60px!important}@media (max-width:767px){html{font-size:14px}.article-header{-ms-flex-wrap:wrap;flex-wrap:wrap}.article-header h1,.article-time{width:100%}}.archive,.article,.error,.nav-links,.search,.widgets{background-color:#fff}.archive .container,.article .container,.error .container,.search .container{border-left:4px solid #fccbd4;border-right:4px solid #fccbd4}.article img{margin-left:-15px;margin-right:-15px;margin-bottom:6px;width:calc(100% + 30px);max-width:calc(100% + 30px);border-top:4px solid #fccbd4;border-bottom:4px solid #fccbd4}.article p{font-size:1.125rem;font-weight:500;line-height:1.8}.article h2,.error-header h2,.search-header h2{padding-left:20px;margin:15px -15px;border-top:4px solid pink;border-bottom:4px solid pink;font-size:1rem;line-height:58px;color:#fff;background-color:#9e8189}.article-body{padding-bottom:15px}@media (max-width:769px){.archive .container,.article .container,.error .container,.search .container{border:none}}@media (max-width:767px){.archive,.article,.error,.search{width:100%;padding:0}}.archive-title,.article-grid-title,.articles-title,.error-title,.nav-links-title,.search-title,.widgets-title{height:100px;text-align:center;background-color:#9e8189;border-top:4px solid #fccbd4;border-bottom:4px solid #fccbd4}.archive-title h1,.article-grid-title h1,.articles-title h1,.error-title h1,.nav-links-title h1,.search-title h1,.widgets-title h1{color:#fff;line-height:92px;margin:0}.nav-links .container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:200px;border-left:4px solid #fccbd4;border-right:4px solid #fccbd4}.nav-links p{-webkit-transition:color .2s ease;transition:color .2s ease}.nav-left,.nav-right{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;width:50%}.nav-left>p:first-child,.nav-right>p:first-child{width:100%;font-size:2rem;font-weight:700;letter-spacing:.2rem}.nav-left a p,.nav-right a p{font-weight:700;letter-spacing:.2rem}.nav-left{padding-right:15px;border-right:2px solid #fccbd4}.nav-right{padding-left:15px;margin-left:auto;border-left:2px solid #fccbd4}.no-border{border:none}@media (max-width:769px){.nav-links .container{border:none}}@media (max-width:767px){.nav-links{text-align:center}.nav-left,.nav-right{width:100%;padding:0;border:none}.nav-left a,.nav-right a{width:100%}.article-grid-background h1{font-size:1.5rem}}.article-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;margin-left:-6px;margin-right:-6px}.article-grid-item{position:relative;width:50%;height:440px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.article-grid-item a{position:absolute;height:100%;width:calc(100% + 115px)}.article-grid-item:nth-child(1) a,.article-grid-item:nth-child(2) a{border-bottom:4px solid #fccbd4}.article-grid-item:nth-child(1) a,.article-grid-item:nth-child(3) a{-webkit-transform:skewX(-27deg) translateX(-115px);transform:skewX(-27deg) translateX(-115px);border-right:2px solid #fccbd4;padding-left:110px;overflow:hidden}.article-grid-item:nth-child(2) a,.article-grid-item:nth-child(4) a{-webkit-transform:skewX(-27deg) translateX(0);transform:skewX(-27deg) translateX(0);border-left:2px solid #fccbd4;padding-right:115px;overflow:hidden}.article-grid-item:nth-child(2) .article-grid-background,.article-grid-item:nth-child(4) .article-grid-background{-webkit-transform:skewX(27deg) translateX(-115px);transform:skewX(27deg) translateX(-115px)}.article-grid-background{background-size:cover;background-position:center;-webkit-transform:skewX(27deg);transform:skewX(27deg);height:100%;width:calc(100% + 115px)}.article-grid-background h1{position:absolute;left:40px;bottom:40px;width:65%;margin:0;color:#fff;font-weight:400;text-shadow:0 0 10px rgba(0,0,0,.5)}.article-grid-item:nth-child(2) h1,.article-grid-item:nth-child(4) h1{left:calc(40px + 115px)}@media (min-width:769px){.article-grid-item:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:2}.article-grid-item:hover.article-grid-item a{border-left:4px solid pink;border-right:4px solid pink;z-index:2}.article-grid-item:nth-child(3):hover.article-grid-item a,.article-grid-item:nth-child(4):hover.article-grid-item a{border-top:4px solid pink}.article-grid-hover{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transform:skew(-27deg);transform:skew(-27deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transition-delay:.15s;transition-delay:.15s}.article-grid-item:hover .article-grid-hover{-webkit-transform:skew(-27deg) scale(1.1);transform:skew(-27deg) scale(1.1);background:repeating-linear-gradient(45deg,#9e8189,#9e8189 3px,transparent 3px,transparent 6px);z-index:1}}@media (max-width:940px){.article-grid-item{width:100%;border-bottom:4px solid #fccbd4}.article-grid-item:last-child{border:none}.article-grid-item a{-webkit-transform:initial!important;transform:initial!important;border:none!important;padding:0!important;width:100%!important}.article-grid-background{-webkit-transform:initial!important;transform:initial!important;width:100%}.article-grid-item:nth-child(2) h1,.article-grid-item:nth-child(4) h1{left:initial;right:40px;text-align:right}}.widgets{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.widget{width:50%;border-bottom:4px solid #fccbd4;padding:20px;-webkit-transform:skewX(-27deg);transform:skewX(-27deg)}.widget:nth-child(2){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;text-align:center;width:100%;border-bottom:none}.widget:nth-child(2) .widget-custom{margin:0 auto}.widget:nth-child(1),.widget:nth-child(4){border-right:2px solid #fccbd4}.widget:nth-child(3),.widget:nth-child(5){border-left:2px solid #fccbd4}.widget-content{-webkit-transform:skewX(27deg);transform:skewX(27deg);margin:0 auto;width:80%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center}.widget:nth-child(3) .widget-content,.widget:nth-child(5) .widget-content{-webkit-transform:skewX(27deg);transform:skewX(27deg);margin-left:75px;width:80%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center}.widget-search{border:4px solid #fccbd4;width:80%;-webkit-transform:skew(-27deg);transform:skew(-27deg)}.widget-search button{border:0;background:0 0;padding:0;margin:0;width:100%;height:100%;line-height:24px;font-size:1rem;color:#fff;cursor:pointer}.widget-search-icon{width:20%;text-align:center;-webkit-transform:skew(27deg);transform:skew(27deg);background-color:pink;margin:10px;line-height:24px}.widget a{font-weight:700}.widget p{line-height:16px;margin-bottom:10px}.widget form{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 10px}.widget input{max-width:100%;width:80%;padding:0;margin:10px;font-size:1rem;line-height:24px;border:none;-webkit-transform:skew(27deg);transform:skew(27deg)}.widget:first-child .widget-title{padding-left:14px}.widget-title{font-size:2rem;font-weight:700;letter-spacing:.2rem;width:100%;margin-bottom:20px}@media (min-width:768px){.widget:last-child .widget-content{position:absolute;top:-4px;border-top:4px solid pink;border-bottom:4px solid pink;width:100%!important;height:calc(100% + 8px)!important}}@media (min-width:1200px){.widget:nth-child(3) .widget-content,.widget:nth-child(5) .widget-content{-webkit-transform:skew(27deg) translateX(40px);transform:skew(27deg) translateX(40px);margin-left:40px}}@media (max-width:767px){.widget,.widgets{width:100%;-webkit-transform:initial;transform:initial;border-left:none;border-right:none}.widgets{padding:0}.widget{text-align:center}.widget:nth-child(1),.widget:nth-child(4){border-right:none}.widget:nth-child(3),.widget:nth-child(5){border-left:none;border-right:none}.widget:nth-child(3) .widget-content,.widget:nth-child(5) .widget-content{margin-left:auto}.widget-content,.widget-search{-webkit-transform:initial;transform:initial;width:100%}.widget input,.widget-search-icon{-webkit-transform:initial;transform:initial}.widget-content{-webkit-transform:initial!important;transform:initial!important}.widget-archive,.widget-custom,.widget-overview{margin:0 auto}}ins{max-width:100%;overflow:hidden}.ion-ios-clock-outline{margin-right:-4px}.archive .container,.search .container{padding:15px}.search-header{text-align:center}.search-header h1{margin:0;padding:15px 0}.search-header h2{margin:0}.archive-item,.search-item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:200px;margin-bottom:20px}.archive-thumbnail,.search-thumbnail{width:calc(20% - 15px);margin-right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.archive-thumbnail img,.search-thumbnail img{width:100%;vertical-align:bottom}.archive-content,.search-content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;width:80%;padding-left:15px;padding-right:15px}.archive-content h2,.search-content h2{width:100%;margin:0}.archive-content .icon,.search-content .icon{padding-right:4px;margin-right:initial}.archive-time,.search-time{padding-top:10px;margin-bottom:10px}.archive-time .icon,.search-time .icon{padding-right:0;margin-right:-4px}.archive-time p,.search-time p{margin:0}@media (max-width:767px){.archive .container,.search .container{padding:0 0 15px}.archive-item,.search-item{height:initial}.archive-thumbnail,.archive-thumbnail a,.search-thumbnail,.search-thumbnail a{width:100%;margin:0}.archive-content,.search-content{width:100%;padding-top:15px;padding-bottom:15px}}.error{text-align:center}.error-body{padding:15px 0;font-weight:500}.error-body a{font-weight:700}.pagination{text-align:center;margin-bottom:0}.pagination li{display:inline-block;border:1px solid #000;border-radius:4px;padding:2px 8px;margin:2px;font-weight:300;background-color:#d7e5ed}.pagination li.active{background-color:#4c4948;color:#fff}footer{height:160px;font-size:.8rem}footer p{width:100%}footer .container{text-align:center;height:100%;padding:25px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-line-pack:end;align-content:flex-end}
/*# sourceMappingURL=app.css.map */