@charset "UTF-8";@import url("https://nanayo74.com/css/bootstrap.min.css");
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
.bc-brand-color-white.sns-share a,.bc-brand-color-white.sns-follow a{border-radius:50%;width:12%;border:0 solid #333}#main .button-caption{display:none}.sns-share-message{font-weight:700;color:#875d5b}.sns-share-buttons{flex-wrap:nowrap;justify-content:center}.sns-share-buttons a{border-radius:50%;font-size:20px;margin:0 10px}#main .sns-share a{width:40px;height:40px}.sidebar h3{position:relative;background:#dfefff;box-shadow:0px 0px 0px 5px #dfefff;border:dashed 2px #fff;padding:.2em .5em;color:#454545}.author-content{padding-left:0!important;padding-right:0!important}.author-description p{margin-top:.3em;line-height:1.3;font-size:14px}.widget_recent_entries ul li a,.widget_categories ul li a,.widget_archive ul li a{border-bottom:1px dashed #ccc;padding:5px 0;font-size:.8em}.post-count{background-color:#eaf4fc;padding:0 8px;border-radius:6px;font-size:.8em}.cat-item a:before{font-family:FontAwesome;content:'\f0da';margin-right:6px}.cat-item .children a:before{content:'\f105'}#jp-relatedposts{display:none!important}.breadcrumb{font-size:14px!important}.profile-come-box{position:relative;background:#dfefff;box-shadow:0px 0px 0px 5px #dfefff;border:dashed 2px #fff;padding:.2em .5em;color:#454545}.end-text-box{position:relative;background:#dfefff;box-shadow:0px 0px 0px 5px #dfefff;border-radius:10px;padding:.2em .5em;color:#454545}.profile-come-box .speech-person,.end-text-box .speech-person{float:left;margin-right:1em}.navi-in>ul li{-webkit-box-shadow:0px 10px 4px -11px rgba(168,168,168,1);-moz-box-shadow:0px 10px 4px -11px rgba(168,168,168,1);box-shadow:0px 10px 4px -11px rgba(168,168,168,1)}.header-top img{float:right;margin:5px 10px;width:2em}#na_header{position:fixed;z-index:999;display:flex;justify-content:space-between;background:#fff;color:#fff;text-align:center;padding:.1em .5em;width:100%}#na_header h1{max-height:80px;background-image:url(https://nanayo74.com/portfolio/img/nanayo.png);background-repeat:no-repeat;background-size:contain}#na_header h1 span{display:block;font-size:.5rem;color:#767676;text-align:start;line-height:0}@media (min-width:768px){#na_header h1 span{font-size:.9rem;color:#767676}}#na_header ul.g-navi{list-style:none;display:flex;justify-content:right}#na_header ul.g-navi li img{width:30px}#na_header ul.g-navi li{padding:0 .5em;margin:0}#na_header nav.mg-navi ul{display:flex;padding:0;margin:0;width:100%}#na_header nav.mg-navi ul li{width:25%;list-style-type:none}#na_header nav.mg-navi ul li a{display:block;width:100%;border:1px solid #767676;font-size:1em;text-align:center;outline:none;background:#fff;color:#767676;text-decoration:none}div#area-2{padding-top:100px}#header.UpMove{position:fixed;animation:UpAnime .5s forwards}@keyframes UpAnime{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}#header.DownMove{position:fixed;width:100%;animation:DownAnime .5s forwards}@keyframes DownAnime{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.top{position:relative;margin:0 auto;height:90vh}.top:before{content:'';position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:-1;width:80%;max-width:950px;height:90vh;background:url("https://nanayo74.com/portfolio/img/1200_630nanayo_C.jpg") no-repeat center;background-size:contain;background-position:center}.top img{position:absolute;top:50%;left:5%;width:50%;max-width:400px}div.nav{position:absolute;top:40%;right:5%;width:25%;max-width:300px}.btn01{position:relative;display:inline-block;width:100%;max-width:250px;height:50px;line-height:50px;text-align:center;outline:none;margin-bottom:2em}.btn01 span{display:block;position:absolute;width:100%;height:100%;border:1px solid #333;transform-style:preserve-3d;transition:.5s}.rotateback span:nth-child(1){background:#fff;color:#000;transform:rotateX(0deg);transform-origin:0 50% -25px}.rotateback:hover span:nth-child(1){transform:rotateX(90deg)}.rotateback span:nth-child(2){background:#000;color:#fff;transform:rotateX(-90deg);transform-origin:0 50% -25px}.rotateback:hover span:nth-child(2){transform:rotateX(0deg)}.scrolldown4{position:absolute;bottom:1%;right:50%;animation:arrowmove 1s ease-in-out infinite}@keyframes arrowmove{0%{bottom:1%}50%{bottom:3%}100%{bottom:1%}}.scrolldown4 span{position:absolute;left:-20px;bottom:10px;color:#000;font-size:.7rem;letter-spacing:.05em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.scrolldown4:before{content:"";position:absolute;bottom:0;right:-6px;width:1px;height:20px;background:#000;transform:skewX(-31deg)}.scrolldown4:after{content:"";position:absolute;bottom:0;right:0;width:1px;height:50px;background:#000}#menu,#about,#skill,#Production,#service,#contact,#blog{position:relative;z-index:1;background:#fff}.m-link{margin-top:5rem !important}#blog h2{position:absolute;top:180px;left:10%;width:25%;max-width:300px;border:1px solid #333;font-size:1em;text-align:center;outline:none;padding:1em 0;margin-bottom:2em;background:#fff;color:#000}#about h2,#skill h2,#Production h2,#contact h2,#service h2{margin:2em 0 2em 2em;max-width:300px;font-size:1em;text-align:center;outline:none;padding:1em 0;background:#fff;color:#000}.about-area{padding-top:0;z-index:2;margin:1em auto 0em}@media (min-width:768px){.about-area{padding-top:0;z-index:2;margin:1em auto 2em}}#about .about-text{z-index:3;transition:.5s ease-in-out;color:#000;line-height:2.5;font-weight:600;font-size:1rem;text-shadow:1px 1px 1px #fff;background:url("https://nanayo74.com/portfolio/img/bg-2nd.png") no-repeat center;background-size:50%;background-position:bottom 0 right 0;background-color:rgba(255,255,255,.8);background-blend-mode:lighten}#about h2.about{text-align:center;max-width:100%;border:0;margin-top:0;margin-bottom:0;padding:0;color:#000;line-height:1;font-weight:600;font-size:1.6em;background-color:transparent;margin:2em 0}#about .highlight-container{position:relative;display:inline-block;font-size:1.5rem;line-height:1.6;margin:50px 0}#about .highlight{position:absolute;left:0;bottom:0;width:0;height:100%;background:linear-gradient(transparent 10%,#ff0 100%);transition:width 2s ease;pointer-events:none}#about .highlight-text{position:relative;z-index:1}#about .seconds02{transition:width 2s ease 3s}#about .seconds03{transition:width 2s ease 6s}.blur{animation-name:blurAnime;animation-duration:2s;animation-fill-mode:forwards}@keyframes blurAnime{from{filter:blur(10px);transform:scale(1.02);opacity:0}to{filter:blur(0);transform:scale(1);opacity:1}}.blurTrigger{opacity:0}#skill h4,#Production h4,#service h4{padding:1rem !important}#skill li,#Production li,#service li{line-height:2.5}#skill ul li,#Production ul li,#service ul li{list-style-type:square}.TextTyping span{display:none}.TextTyping:after{content:"|";animation:typinganime .8s ease infinite}@keyframes typinganime{from{opacity:0}to{opacity:1}}.gnavi button{position:relative}.gnavi button:hover{color:#0481a2}.gnavi button:after{content:'';position:absolute;bottom:0;left:0;width:80%;height:2px;background:#0481a2;transition:all .3s;transform:scale(0,1);transform-origin:left top}.gnavi button:hover:after{transform:scale(1,1)}#Production .area img{width:100%;max-width:350px}#Production .box-main{background:#fff;padding:30px;box-shadow:0 0 40px rgba(0,0,0,.1)}.modal-dialog{max-width:1000px;min-width:280px}.modal-dialog ul li{list-style-type:none;margin:5px 0}.modal-dialog img{width:100%}#service h4.title{background:#7a7a7a;border:1px solid #7a7a7a;padding-left:20px;color:#fff;margin-bottom:0}#service .service-box{border-radius:5px;border:1px dashed #d0d0d0;padding:20px}.timeline{list-style:none}.timeline>li{margin-bottom:60px}@media (min-width :640px){.timeline>li{overflow:hidden;margin:0;position:relative}.timeline-date{width:110px;float:left;margin-top:20px}.timeline-content{width:75%;float:left;border-left:3px #e5e5d1 solid;padding-left:30px}.timeline-content:before{content:'';width:12px;height:12px;background:#6fc173;position:absolute;left:106px;top:24px;border-radius:100%}}#contact img{width:6em;max-width:250px;min-width:50px}.box-line-b1{background:#fff;border:1px #ccc solid;box-shadow:0 2px 3px 0 #ddd;padding:20px}.box-line-radius{border-radius:5px;border:1px dashed #a6a6a6;padding:20px}footer{background:#e9e9e9;position:inherit}#page-top{position:fixed;right:10px;bottom:30px;z-index:2;opacity:0;transform:translateY(150px)}#page-top.UpMove{animation:UpAnime_top .5s forwards}@keyframes UpAnime_top{from{opacity:0;transform:translateY(150px)}to{opacity:1;transform:translateY(0)}}#page-top.DownMove{animation:DownAnime_top .5s forwards}@keyframes DownAnime_top{from{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(150px)}}#page-top a{display:block;width:100px;height:100px;color:#333;text-align:center;text-transform:uppercase;text-decoration:none;font-size:.6rem;background:url("https://nanayo74.com/portfolio/img/pagetop_1.png") no-repeat center;background-size:contain}#page-top.floatAnime_top a{width:100px;height:130px;background:url("https://nanayo74.com/portfolio/img/pagetop_2.png") no-repeat center;background-size:contain;animation:floatAnime_top 2s linear infinite;opacity:0}@keyframes floatAnime_top{0%{transform:translateX(0);opacity:0}25%{transform:translateX(-6px);opacity:1}50%{transform:translateX(0)}100%{transform:translateX(6px);opacity:1}}#page-top span{position:absolute;bottom:-20px;right:20px;color:#666}.cp_form{position:relative;margin:40px auto;padding:1em 2em;box-shadow:0px 0px 3px 2px #ededed}.cp_form .cp_radio,.cp_group{position:relative;margin-top:2.25rem;margin-bottom:2.25rem}.cp_form .cp_group input[type=button],.cp_form .cp_group input[type=submit],.cp_form .cp_group input[type=checkbox],.cp_form .cp_group input[type=radio],.cp_form .cp_group input[type=text],.cp_form .cp_group input[type=tel],.cp_form .cp_group input[type=password],.cp_form .cp_group input[type=email],.cp_form .cp_group input[type=url],.cp_form .cp_group input[type=date],.cp_form .cp_group input[type=number],.cp_form .cp_group textarea,.cp_form .cp_group .cp_file .file_text,.cp_form .cp_group select{font-family:inherit}.cp_form .cp_group input{height:1.9rem}.cp_form .cp_group textarea{resize:vertical}.cp_form .cp_group select::-ms-expand{display:none}.cp_form .cp_ipselect{position:relative;width:100%;margin:2em auto}.cp_form .cp_sl{position:relative;font-size:1rem;font-family:inherit;background-color:transparent;width:100%;padding:10px 10px 10px 0;border-radius:0;border:none}.cp_form .cp_sl:focus{outline:none;border-bottom:1px solid rgba(0,0,0,0)}.cp_form .cp_ipselect .cp_sl{-webkit-appearance:none;appearance:none}.cp_form .cp_ipselect:after{position:absolute;top:18px;right:10px;width:0;height:0;padding:0;content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.3);pointer-events:none}.cp_form .cp_sl_selectlabel{color:#b3b3b3;position:absolute;pointer-events:none;left:0;top:10px;transition:.2s ease all}.cp_form .cp_sl:focus~.cp_sl_selectlabel,.cp_form .cp_sl:valid~.cp_sl_selectlabel{font-size:.8rem;color:#2f2f2f;top:-20px;transition:.2s ease all}.cp_form .cp_sl_selectbar{position:relative;display:block;width:100%}.cp_form .cp_sl_selectbar:before,.cp_form .cp_sl_selectbar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#2f2f2f;transition:.2s ease all}.cp_form .cp_sl_selectbar:before{left:50%}.cp_form .cp_sl_selectbar:after{right:50%}.cp_form .cp_sl:focus~.cp_sl_selectbar:before,.cp_form .cp_sl:focus~.cp_sl_selectbar:after{width:50%}.cp_form .cp_sl_highlight{position:absolute;top:25%;left:0;pointer-events:none;opacity:.5}.cp_form .cp_group .cp_label{position:absolute;top:.25rem;pointer-events:none;padding-left:.125rem;z-index:1;color:#b3b3b3;font-size:1rem;font-weight:400;-webkit-transition:all .28s ease;transition:all .28s ease}.cp_form .cp_group .bar{position:relative;border-bottom:.0625rem solid #999;display:block}.cp_form .cp_group .bar:before{content:'';height:.125rem;width:0;left:50%;bottom:-.0625rem;position:absolute;background:#2f2f2f;-webkit-transition:left .28s ease,width .28s ease;transition:left .28s ease,width .28s ease;z-index:2}.cp_form .cp_group input[type=button],.cp_form .cp_group input[type=submit],.cp_form .cp_group input[type=checkbox],.cp_form .cp_group input[type=radio],.cp_form .cp_group input[type=text],.cp_form .cp_group input[type=tel],.cp_form .cp_group input[type=password],.cp_form .cp_group input[type=email],.cp_form .cp_group input[type=url],.cp_form .cp_group input[type=date],.cp_form .cp_group input[type=number],.cp_form .cp_group textarea{display:block;background:0 0;padding:.125rem .125rem .0625rem;font-size:1rem;border-width:0;border-color:transparent;line-height:1.9;width:100%;color:transparent;-webkit-transition:all .28s ease;transition:all .28s ease;-webkit-box-shadow:none;box-shadow:none}.cp_form .cp_group select,.cp_form .cp_group input:focus,.cp_form .cp_group input:valid,.cp_form .cp_group textarea:focus,.cp_form .cp_group textarea:valid{color:#333}.cp_form .cp_group select~.cp_label,.cp_form .cp_group input:focus~.cp_label,.cp_form .cp_group input:valid~.cp_label,.cp_form .cp_group textarea:focus~.cp_label,.cp_form .cp_group textarea:valid~.cp_label{font-size:.8rem;color:#2f2f2f;top:-1rem;left:0}.cp_form .cp_group select:hover,.cp_form .cp_group input:focus,.cp_form .cp_group textarea:focus{outline:none}.cp_form .cp_group select:hover~.cp_label,.cp_form .cp_group input:focus~.cp_label,.cp_form .cp_group textarea:focus~.cp_label{color:#2f2f2f}.cp_form .cp_group select:hover~.bar:before,.cp_form .cp_group input:focus~.bar:before,.cp_form .cp_group textarea:focus~.bar:before{width:100%;left:0}.cp_form .checkbox label,.cp_form .cp_radio label{position:relative;cursor:pointer;padding-left:2rem;text-align:left;color:#333;display:block}.cp_form .checkbox input,.cp_form .cp_radio input{width:auto;opacity:.00000001;position:absolute;left:0}.cp_form .radio{margin-bottom:1rem}.cp_form .radio .ch_bar{position:absolute;top:-.25rem;left:-.25rem;cursor:pointer;display:block;font-size:1rem;-webkit-user-select:none;user-select:none;color:#999}.cp_form .radio .ch_bar:before,.cp_form .radio .ch_bar:after{content:'';position:absolute;left:0;top:0;margin:.25rem;width:1rem;height:1rem;-webkit-transition:-webkit-transform .28s ease;transition:transform .28s ease;border-radius:50%;border:.125rem solid currentColor}.cp_form .radio .ch_bar:after{-webkit-transform:scale(0);transform:scale(0);background-color:#2f2f2f;border-color:#2f2f2f}.cp_form .radio label:hover .ch_bar{color:#2f2f2f}.cp_form .radio input:checked~.ch_bar:after{-webkit-transform:scale(.5);transform:scale(.5)}.cp_form .radio input:checked~.ch_bar:before{color:#2f2f2f}.cp_form .checkbox{margin-top:3rem;margin-bottom:1rem}.cp_form .checkbox .ch_bar{color:#999;position:absolute;top:0;left:0;width:1rem;height:1rem;z-index:0;border:.125rem solid currentColor;border-radius:.0625rem;-webkit-transition:border-color .28s ease;transition:border-color .28s ease}.cp_form .checkbox .ch_bar:before,.cp_form .checkbox .ch_bar:after{position:absolute;height:0;width:.2rem;background-color:#2f2f2f;display:block;-webkit-transform-origin:left top;transform-origin:left top;border-radius:.25rem;content:'';-webkit-transition:opacity .28s ease,height 0s linear .28s;transition:opacity .28s ease,height 0s linear .28s;opacity:0}.cp_form .checkbox .ch_bar:before{top:.65rem;left:.38rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-box-shadow:0 0 0 .0625rem #fff;box-shadow:0 0 0 .0625rem #fff}.cp_form .checkbox .ch_bar:after{top:.3rem;left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.cp_form .checkbox label:hover .ch_bar{color:#2f2f2f}.cp_form .checkbox input:checked~.ch_bar{color:#2f2f2f}.cp_form .checkbox input:checked~.ch_bar:after,.cp_form .checkbox input:checked~.ch_bar:before{opacity:1;-webkit-transition:height .28s ease;transition:height .28s ease}.cp_form .checkbox input:checked~.ch_bar:after{height:.5rem}.cp_form .checkbox input:checked~.ch_bar:before{height:1.2rem;-webkit-transition-delay:.28s;transition-delay:.28s}.cp_form .radio+.radio,.cp_form .checkbox+.checkbox{margin-top:1rem}.cp_form .cp_group .cp_file{position:relative}.cp_form .cp_group .cp_file .title{position:static}.cp_form .cp_group .cp_file .button{font-size:1em;position:absolute;z-index:1;top:0;right:0;bottom:0;padding:.5rem 1.2em 0;cursor:pointer;-webkit-transition:background-color .25s;transition:background-color .25s;color:#fff;border-radius:0;background-color:#999}.cp_form .cp_group .cp_file .file_input{position:absolute;top:0;right:0;bottom:0;width:100%;padding:0;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-appearance:none;appearance:none}.cp_form .cp_group .cp_file .file_text{position:relative;box-sizing:border-box;padding:6px 10px;-webkit-transition:border-color .6s;transition:border-color .6s;border-bottom:.0625rem solid #999;outline:none}.cp_form .cp_group .cp_file .file_text:before{content:'';height:2px;width:0;left:50%;bottom:-1px;position:absolute;background:#2f2f2f;-webkit-transition:left .28s ease,width .28s ease;transition:left .28s ease,width .28s ease;z-index:2}.cp_form .cp_group .cp_file .file_input:hover~.file_text:before{width:100%;left:0}.cp_form .cp_group .cp_file label:hover .button{background-color:#2f2f2f}.cp_form .cp_group .cp_file label:active .button{background-color:#2f2f2f}.cp_form .btn_cont{text-align:center}.cp_form .btn{position:relative;background:currentColor;border:1px solid currentColor;font-size:1.1rem;color:#2f2f2f;margin:3rem 0;padding:.75rem 3rem;cursor:pointer;-webkit-transition:background-color .28s ease,color .28s ease,-webkit-box-shadow .28s ease;transition:background-color .28s ease,color .28s ease,box-shadow .28s ease;overflow:hidden;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.3);box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.cp_form .btn span{color:#fff;position:relative;z-index:1}.cp_form .btn:before{content:'';position:absolute;background:#071017;border:50vh solid #1d4567;width:30vh;height:30vh;border-radius:50%;display:block;top:50%;left:50%;z-index:0;opacity:1;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.cp_form .btn:hover{color:#0f0da7;-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,.3);box-shadow:0 6px 10px 0 rgba(0,0,0,.3)}.cp_form .btn:focus{outline:none}.contact-text{background:url("https://nanayo74.com/portfolio/img/bg-2nd.png") no-repeat center;background-size:50%;background-position:bottom 0 right 0;background-color:rgba(255,255,255,.8);background-blend-mode:lighten}#contact a{text-decoration:none}