@charset "UTF-8";body{margin:0;font-family:"Libre Baskerville",'Sawarabi Mincho',serif;font-weight:400;font-size:16px;line-height:1.7;color:#828282;background:url(//ytb-dp.com/wp-content/themes/portfolio/css/../images/bg.png);box-sizing:border-box}ul{padding-left:0}li{list-style-type:none;height:30px}a{color:#0068b7;font-weight:700;text-decoration:none;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}a:hover,a:focus{color:#466664;outline:none;text-decoration:none}p{margin-bottom:20px}h1,h2,h3,h4,h5,h6,figure{color:#0068b7;font-family:"Libre Baskerville",'Sawarabi Mincho',serif;font-weight:400;margin:0 0 20px}.btn{margin:0 4px 4px 0;font-family:"Questrial","M PLUS 1p",sans-serif;font-size:16px;font-weight:400;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;padding:8px 20px;background:#0068b7;color:#fff;border:2px solid #0068b7}.btn:hover,.btn:active,.btn:focus{box-shadow:none !important;outline:none !important;background:#466664;border-color:#466664}.btn.btn-outline{background:0 0;color:#0068b7;border:2px solid #0068b7}.btn.btn-outline:hover,.btn.btn-outline:focus,.btn.btn-outline:active{background:#466664;color:#fff;border-color:#466664}header{width:100%;height:400px;background:rgba(201,197,170,.8)}header .inner{height:400px;margin-top:60px;background:url(//ytb-dp.com/wp-content/themes/portfolio/css/../images/top.jpg) center top no-repeat fixed;position:relative}header .inner img{position:absolute;bottom:-30px;right:20%}nav{width:100%;height:100px;background:url(//ytb-dp.com/wp-content/themes/portfolio/css/../images/bg2.png);z-index:100}nav .inner{max-width:960px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}#logo{padding:0;margin:20px 0 0 20px;font-family:"Libre Baskerville","Sawarabi Mincho",serif;width:40%}h1{font-size:22px;font-weight:600;line-height:1;margin-top:10px}h1 .logo-en{font-size:12px;margin-top:0}nav ul{margin:55px 0 0;width:60%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}nav ul li{width:20%;font-family:"Libre Baskerville","Sawarabi Mincho",serif;font-weight:700;color:#466664;text-align:center}nav ul li a{display:block}.active,nav ul li a:hover{color:#466664;padding-bottom:5px;border-bottom:solid 3px #466664}.active{padding-bottom:2px}@media (max-width:768px){.inner{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap}#logo{width:100%}nav{height:140px}nav ul{width:100%;margin:0}nav ul li{width:25%}}.cb-header{position:fixed;left:0}main{margin:0 auto}.mg-top{margin:100px auto 0}@media (max-width:768px){.mg-top{margin:150px auto 0}}.insta{margin-top:100px}.news{max-width:960px;margin:100px auto;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;padding:15px;background-color:rgba(255,255,255,.8);box-shadow:3px 3px 2px -2px #b5b6b8}.news h2{line-height:1.8;border-bottom:1px solid #ccc}.subTitle{font-size:16px;font-weight:200}.f-wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content:space-around;-webkit-justify-content:space-around;-ms-flex-pack:justify;-webkit-box-pack:justify}.work{width:250px;height:250px;margin-bottom:50px;overflow:hidden;background:center center no-repeat;background-size:cover;position:relative;justify-content:space-around;-webkit-justify-content:space-around;-ms-flex-pack:justify;-webkit-box-pack:justify}.work .caption{padding:10px;color:#466664}.work .caption h3{font-size:100%;padding-bottom:10px;margin:0;font-weight:400;line-height:1.2;border-bottom:1px solid #0068b7}.work .caption p{margin:0;font-weight:200}.work .mask{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(199,213,237,.9);-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.work:hover .mask{opacity:1}footer{text-align:center;padding:20px;background:url(//ytb-dp.com/wp-content/themes/portfolio/css/../images/bg2.png)}footer p{margin:0}.list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content:space-around;-webkit-justify-content:space-around;-ms-flex-pack:justify;-webkit-box-pack:justify}.about{background-color:rgba(199,213,237,.9);padding:50px}.about h2{text-align:center}.about .a-box{width:70vw;margin:0 auto}.about .a-box .image{max-width:300px;margin:0 auto}.about .a-box img{text-align:center;width:100%;height:auto;margin:0 0 50px}.about .a-box .text{max-width:50vw;margin:0 auto}.bg_2{background:rgba(201,197,170,.8)}.skill{padding:50px;text-align:center;color:#0068b7}.skill table{margin:0 auto}.skill table th{text-align:left}.f-left{float:left;overflow:hidden}.msg{max-width:960px;margin:50px auto;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;padding:10px;background-color:rgba(255,255,255,.8);box-shadow:3px 3px 2px -2px #b5b6b8}.msg h2{text-align:center}.msg dd{margin:0 0 20px;width:100%}.msg input,.msg textarea{width:100%}.msg input[type=submit]{width:45%}.msg p{text-align:center}.msg .mailForm{width:50%;margin:0 auto}.msg .form-control{display:block;width:100%;line-height:1.5;padding:10px;border:1px solid #0068b7;border-radius:3px;background:#fff;margin:0;margin-bottom:5px}@media (max-width:768px){.msg{width:80%}.msg .mailForm{width:100%;margin:0 auto}.msg input,.msg textarea{width:100%}.msg .form-control{line-height:1.2;width:90%;padding:5px}}.req{font-size:10.5px;color:#fff;background-color:#e4161e;border-radius:3px;padding:1px 4px}form input[type=submit]{margin:0 4px 4px 0;font-family:"Questrial","M PLUS 1p",sans-serif;font-size:16px;font-weight:400;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;padding:8px 20px;background:#0068b7;color:#fff;border:2px solid #0068b7}form input[type=submit]:hover,form input[type=submit]:active,form input[type=submit]:focus{box-shadow:none !important;outline:none !important;background:#466664;border-color:#466664}a.modal-open:hover{cursor:pointer}.pagetop{display:none;position:fixed;bottom:20px;right:30px;z-index:9999}.pagetop a{display:block;width:50px;height:50px;background-color:rgba(0,0,0,.5);border-radius:50%;color:#fff;text-decoration:none;text-align:center;line-height:50px;font-size:24px}.pagetop a:hover{background-color:rgba(128,128,128,.5)}.my_work.f-wrap{justify-content:space-around}.my_work .ovv{width:80%}.my_work h2{font-size:150%;font-weight:400;line-height:1.2;margin:0;padding-bottom:10px;border-bottom:1px solid #0068b7}.my_work h3{color:#828282}.my_work img{margin:10px auto}.gallery-columns-3{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content:space-around;-webkit-justify-content:space-around;-ms-flex-pack:justify;-webkit-box-pack:justify}.gallery-columns-3 .gallery-item{width:30%;text-align:center}.gallery-columns-3 dd{margin:0}@media (max-width:768px){.gallery-columns-3 .gallery-item{width:100%}}.box{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;max-width:960px;margin:30px auto}.post-nav{overflow:hidden;min-height:100%;height:auto !important}.post-nav .post-previous h3,.post-nav .post-previous p,.post-nav .post-next h3,.post-nav .post-next p{font-size:12px;color:#0068b7;margin:0}.post-nav .post-previous img,.post-nav .post-next img{margin:10px 0}.post-nav a{display:block}.post-nav a.post-previous,.post-nav a.post-next{padding:10px;width:45%;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}@media (max-width:768px){.post-nav a.post-previous,.post-nav a.post-next{width:150px}}.post-nav a.post-next{text-align:right}.post-nav a.post-previous:hover,.post-nav a.post-next:hover{background:#c7d5ed;text-decoration:none}.notFound{max-width:960px;min-height:50vh;margin:100px auto 30px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;padding:15px;background-color:rgba(255,255,255,.8);box-shadow:3px 3px 2px -2px #b5b6b8;text-align:center}.notFound .btn{width:15vw;margin:10px auto}@media (max-width:768px){.notFound .btn{width:70vw}}