/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}*,::after,::before{background-repeat:no-repeat;box-sizing:inherit}::after,::before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;font-family:sans-serif;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}code,kbd,pre,samp{font-family:monospace;font-size:1em}hr{height:0;overflow:visible}nav ol,nav ul{list-style:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}progress{vertical-align:baseline}small,sub,sup{font-size:83.3333%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}a{background-color:#fff0;-webkit-text-decoration-skip:objects}:hover{outline-width:0}table{border-collapse:collapse;border-spacing:0}button,input,select,textarea{background-color:#fff0;border-style:none;color:inherit;font-size:1em;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type="button"]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[tabindex],a,area,button,input,label,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden][aria-hidden=false]{clip:rect(0,0,0,0);display:inherit;position:absolute}[hidden][aria-hidden="false"]:focus{clip:auto}:root{--hp-base-color:#505050;--hp-link-color:#4b8b50;--hp-hover-color:#7abc7d;--facebook-color:#3b5998;--x-color:#000}html{font-size:62.5%}a,button,input{-webkit-transition:0.3s;transition:0.3s}address,caption,cite,code,dfn,var,h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:400}q{quotes:none;background:#d1eff0}q::before,q::after{content:'';content:none}div{word-wrap:break-word}pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word}form{margin:0}caption{text-align:left}p{margin:0 0 1.5em}figure{margin:1em 0}input,select,textarea{margin:0;max-width:100%;padding:.2em;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:1em}textarea{width:100%}button,input,select,textarea,optgroup,option{vertical-align:baseline}textarea{min-height:100px;vertical-align:top}caption{text-align:left}body{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.6em}body,input,textarea{font-family:'Noto Sans JP','Yu Gothic Medium','游ゴシック Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}img{max-width:100%;height:auto;vertical-align:bottom}embed,iframe,object,video{max-width:100%}.show-sp{display:block!important}.show-sp02{display:inline!important}.show-pc,.show-pc02{display:none!important}ul,ol{margin:1em 0 1.5em 1.5em;padding-left:0}ul>li,ol>li{margin-bottom:.5em}ul>li:last-child,ol>li:last-child{margin-bottom:0}dd{margin-left:0;padding-left:1em}.inline{margin:1em 0;padding:0}.inline li{display:inline-block;list-style-type:none}.none{margin:1em 0;padding:0}.none li{list-style-type:none}table{width:100%;margin:1em 0;padding:0;word-break:break-all;word-wrap:break-word;border-collapse:collapse;border-spacing:0}th,td{padding:.5em .75em;font-size:1.4rem;vertical-align:top}th{border:1px solid #05a5ab;background-color:#05a5ab;color:#fff;font-weight:700;text-align:left}td{border:1px solid #ddd}tbody th{background:#f7f7f7;border:1px solid #ddd;color:#505050}.price-table{display:block;border-top:1px solid #7abc7d;border-right:1px solid #7abc7d;border-left:1px solid #7abc7d}.price-table tr,.price-table tbody{width:100%;display:block}.price-table th,.price-table td{width:100%;display:block;padding:1em 1.25em;border:0;border-bottom:1px solid #7abc7d}.price-table .item-desc:empty{display:none}.price-table .item-name{background-color:#deffdf}.price-table .item-price{background-color:#f7f7f7}.item-price span{font-size:1rem}.price-table .item-name br,.price-table .item-price br{display:none}.price-table .item-price .price-free{color:#f66;font-size:inherit}@media (min-width :768px){.price-table{display:table;border-right:0;border-left:0}.price-table tbody{display:table-row-group}.price-table tr{display:table-row}.price-table th,.price-table td,.price-table .item-desc:empty{display:table-cell}.price-table .item-name{width:30%;background-color:#fff}.price-table .item-price{width:30%;background-color:#deffdf}.price-table .item-name br,.price-table .item-price br{display:inline}}.main-navigation{display:block;width:100%}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgb(0 0 0 / .2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li:hover>ul,.main-navigation ul ul li.focus>ul{display:block;left:auto}.main-navigation ul ul a{width:200px}.main-navigation ul li:hover>ul,.main-navigation ul li.focus>ul{left:auto}.main-navigation li{position:relative}.main-navigation a{display:block;text-decoration:none}.main-navigation ul{right:-80%;transition:right 1s ease}.main-navigation.toggled ul{right:0}@media (min-width :768px){.main-navigation ul{right:-300px}}.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em}.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%}.sticky{display:block}.post,.page{margin:0}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}.gallery-item{display:inline-block;text-align:center;width:100%}.gallery-columns-2{grid-template-columns:repeat(2,1fr)}.gallery-columns-3{grid-template-columns:repeat(3,1fr)}.gallery-columns-4{grid-template-columns:repeat(4,1fr)}.gallery-columns-5{grid-template-columns:repeat(5,1fr)}.gallery-columns-6{grid-template-columns:repeat(6,1fr)}.gallery-columns-7{grid-template-columns:repeat(7,1fr)}.gallery-columns-8{grid-template-columns:repeat(8,1fr)}.gallery-columns-9{grid-template-columns:repeat(9,1fr)}.gallery-caption{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgb(0 0 0 / .6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}.sa{opacity:0;transition:all 1s ease}.sa.show{opacity:1;transform:none}.sa--lr{transform:translate(-100px,0)}.sa--rl{transform:translate(100px,0)}.sa--bg{transform:translate(-100%,0)}.sa--up{transform:translate(0,100px)}.sa--down{transform:translate(0,-100px)}.sa--scaleUp{transform:scale(.5)}.sa--scaleDown{transform:scale(1.5)}.sa--rotateL{transform:rotate(180deg)}.sa--rotateR{transform:rotate(-180deg)}a{color:var(--hp-link-color)}a:hover,a:active,a:focus{color:var(--hp-hover-color)}body{color:var(--hp-base-color)}body{animation-name:hdrFadeIn;animation-duration:2s}@keyframes hdrFadeIn{from{opacity:0;transform:translate(0,-20px)}to{opacity:1;transform:translate(0,0)}}.wrapper{position:relative;width:100%;overflow:hidden}.wrapper::after{position:absolute;left:-300px;top:-400px;display:block;content:"";width:2000px;height:300px;background-color:#c4f4c5;z-index:-1;transform:rotate(-15deg)}@media (min-width :768px){.wrapper::after{top:-360px}}.site-header,.site-main,.site-sidebar__inner,.site-footer{margin:auto}.breadcrumb{margin:20px auto;padding:0 20px}.site-header,.site-main,.site-sidebar__inner,.site-footer{padding:20px 10px}.site-main{padding:0 20px 40px}.site-sidebar{position:relative}@media (min-width :768px){.site-header,.site-main,.site-sidebar__inner,.breadcrumb{max-width:1000px}.site-header,.site-sidebar__inner,.site-footer{padding:40px 100px}.site-main{padding:0 100px 40px}.breadcrumb{padding:0 100px}}.single .entry-header{position:relative;margin-bottom:80px}.entry-content{line-height:1.8}.entry-content .wp-block-image{text-align:center}.entry-content .wp-block-image img{max-width:90%;border:1px solid #cecece}.breadcrumb li{display:inline-block;list-style:none;font-size:1.4rem}.breadcrumb li::after{content:"/";margin:0 10px}.breadcrumb li:last-child::after{display:none}.st0{fill:#ccc}.interval{position:relative;margin:60px 0;text-align:center}.interval hr{max-width:500px;margin:0 auto;border:0;border-top:1px solid #ddd}.interval::after{z-index:0;position:absolute;content:"";left:50%;top:50%;margin-left:-25px;margin-top:-25px;width:50px;height:50px;background-color:#fff}.interval svg{z-index:1;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-21px}@media (min-width :768px){.interval{margin:80px 0}}.interval02{margin:40px 0}.interval02 span{display:block;width:10px;height:10px;margin:auto;background-color:#ccc;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.site-header{margin:auto;padding:20px 10px}@media (min-width :768px){.site-header{padding:40px 100px}}.site-header .site-title,.site-header .site-description{font-family:'Martel Sans',sans-serif;text-align:center}.site-title__wrap{padding-top:40px;background-image:url(https://tyto-style.com/cms/wp-content/themes/tyto-style/css/../images/logo.svg);background-position:top center;background-size:30px;background-repeat:no-repeat;animation-name:hdrFadeIn;animation-duration:2s}.site-branding{position:relative;display:inline-block}.site-header{text-align:center}.site-title{margin:0;letter-spacing:.15em;font-size:2.5rem;font-weight:700}.site-title a{color:#505050;text-decoration:none}.site-title a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.site-description{font-size:1.2rem;letter-spacing:.04em;margin-bottom:0;margin-top:-5px}@media (min-width :768px){.site-header{text-align:left}.site-title__wrap{padding-top:0;padding-left:40px;background-image:url(https://tyto-style.com/cms/wp-content/themes/tyto-style/css/../images/logo.svg);background-position:left center;background-size:30px}.site-title__wrap .site-title{font-size:3rem}.site-header .site-title,.site-header .site-description{text-align:left}}.site-footer{text-align:center;background-color:#abefad}.site-footer .copy{margin-bottom:0}.entry-footer .edit-link{display:none}.site-footer .footer-menu{margin:0 0 20px;letter-spacing:-.5em;text-align:center}.site-footer .footer-menu li{letter-spacing:0;font-size:1.4rem;display:inline-block}.footer-menu>li{width:50%;line-height:1}.footer-menu>li:nth-child(2n){padding-left:1em;text-align:left}.footer-menu>li:nth-child(2n+1){padding-right:1em;border-right:1px solid #4b8b50;text-align:right}.main-navigation .menu{display:none}.main-navigation{position:absolute;top:0}.menu-toggle{position:fixed;top:20px;right:10px;z-index:20;width:45px;height:45px;padding:5px;font-size:1rem;background-color:#fff;display:flex;align-items:end;justify-content:center}.menu-toggle::before,.menu-toggle::after{position:absolute;right:6px;content:"";width:30px;height:2px;background-color:#333;top:10px;transform:rotate(0deg);transition:transform .5s ease;transition:width .5s ease}.menu-toggle::before{top:10px}.menu-toggle::after{width:20px;top:20px}.toggled .menu-toggle::before{transform:rotate(45deg)}.toggled .menu-toggle::after{transform:rotate(-45deg);width:30px;top:10px}.global-menu{position:fixed;top:0;right:0;width:80%;padding:80px 10px;background-color:#fff;border-left:1px solid #efefef;height:100%;z-index:10;opacity:.95}@media (min-width :768px){.global-menu{width:300px}}.global-menu li{margin:0;text-align:left;padding:12px 20px}.global-menu li::after{content:"";position:absolute;left:20px;bottom:0;width:120px;height:1px;background-color:#ccc}.blog-title{position:relative;margin-bottom:70px;font-size:1.6em;font-weight:700;text-align:center}.blog .blog-title{margin-bottom:60px;font-size:2.2em}.blog-title a{text-decoration:none;color:inherit}.blog-title::before{position:absolute;left:50%;bottom:-50px;content:"";width:1px;height:25px;background-color:#aaa}.archive .page-title,.blog .page-title,.search .pade-title{margin-bottom:1.2em}.entry-header h1{margin-top:0;margin-bottom:.5em;font-size:3.2rem;letter-spacing:.05em;font-weight:700}@media (min-width :768px){.blog-title{font-size:2em;text-align:center}.blog .blog-title{font-size:2.8em}.blog .blog-title::before{display:none}.cont_wrapper h1{font-size:3.2rem}.entry-header h1{font-size:3.6rem}}h2{margin-top:2em;margin-bottom:1em;font-size:2.4rem;line-height:1.6}.privacy h2{margin-top:60px;font-size:2rem}h3{margin-top:2em;margin-bottom:.5em;font-size:2.2rem;letter-spacing:.15em}h4{margin-top:2em;margin-bottom:.5em;font-size:2rem;letter-spacing:.15em}h5{margin-top:2em;margin-bottom:.5em;font-size:1.8rem;letter-spacing:.15em}@media (min-width :768px){h2{font-size:3rem}h3{font-size:2.6rem}h4{font-size:2.4rem}h5{font-size:2.2rem}}.entry-content>h2:first-child{margin-top:0}.section-services__inner h2,.section-aboutme__inner h2,.section-business-info__inner h2,.whatsnew h3,.note-area h3,.whatsnew .list-post__info h4{margin-top:0}.widget h2,.widget h3{margin-top:0;margin-bottom:.5em;font-size:2rem}.page-price h2{margin-top:60px;margin-bottom:40px;font-weight:700}.page-price h3{margin-top:80px;margin-bottom:30px;padding-left:20px;background-image:linear-gradient(-45deg,#fff 25%,#7abc7d 25%,#7abc7d 50%,#fff 50%,#fff 75%,#7abc7d 75%,#7abc7d);background-size:4px 4px;background-repeat:repeat-y;background-position:left;color:#4b8b50}.whatsnew{position:relative;margin:60px 0;padding:20px;background-color:#f2f2f2;font-size:1.4rem}.whatsnew>h3{font-weight:700;letter-spacing:normal;font-size:1.8rem;margin-bottom:1em}.whatsnew__link-archive{position:absolute;top:20px;right:20px}.whatsnew .list-post{max-height:200px;overflow-y:scroll;padding:0 20px;margin-left:-20px;margin-right:-20px}@media (min-width :768px){.whatsnew{padding:20px 40px}.whatsnew__link-archive{right:40px}.whatsnew .list-post{padding:0 40px;margin-left:-40px;margin-right:-40px}}.whatsnew .list-post{letter-spacing:-.5em}.whatsnew .list-post dt,.whatsnew .list-post dd{letter-spacing:0;padding:0;margin-bottom:.5em;vertical-align:top}.whatsnew .list-post dd{margin-bottom:1.5em}.whatsnew .list-post dd:last-child{margin-bottom:0}.whatsnew .list-post h4{margin-top:0;margin-bottom:.5em;font-size:1.4rem;font-weight:700}.whatsnew .list-post_info h4 span{background:linear-gradient(transparent 60%,#fff499 60%)}@media (min-width :768px){.whatsnew .list-post dt{display:inline-block;width:15%}.whatsnew .list-post dd{display:inline-block;width:85%}.whatsnew .list-post dd div{margin-bottom:0}}.section-services,.section-business-info{position:relative}.section-services,.section-aboutme,.section-business-info,.section-contact{margin:0 auto;padding:50px 20px}.section-services,.section-aboutme,.section-business-info,.section-contact{margin:0 calc(-50vw + 50%);padding:100px calc(50vw - 50%)}.bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#deffdf;content:"";z-index:-1;opacity:0}.site-sidebar .bg{background-color:#f8f8f8}.features h3{position:relative;line-height:1.4;padding:.25em .5em;display:block;font-size:1.6rem;top:0;text-align:center;font-weight:700}.features h3 span{font-size:1.2rem;font-weight:400}.features h3:before,.features h3:after{position:absolute;top:0;content:'';width:8px;height:100%;display:inline-block}.features h3:before{border-left:solid 1px #aaa;border-top:solid 1px #aaa;border-bottom:solid 1px #aaa;left:0}.features h3:after{content:'';border-top:solid 1px #aaa;border-right:solid 1px #aaa;border-bottom:solid 1px #aaa;right:0}.features>.col{padding:0 10px;margin-top:0;font-size:1.4rem;margin-bottom:60px}@media (min-width :480px){.features h3{font-size:1.4rem}.features h3 span{font-size:1.2rem}}@media (min-width :768px){.features>.col{padding:0 10px;margin-top:0;font-size:1.4rem;margin-bottom:0}}.features>.col .icon{text-align:center;margin:30px 0}.features>.col .icon img{width:200px;height:auto}@media (min-width :768px){.features>.col .icon img{width:150px;height:auto}}.note-area{margin:40px 0 60px;border:5px solid #f0f0f0;padding:20px 40px;font-size:1.4rem}.note-area p:last-child{margin-bottom:0}.note-area h2,.note-area h3{letter-spacing:normal;font-size:1.8rem;margin-bottom:20px}.notice{text-align:center;margin:20px 0 0}.price-notice{margin-top:60px}.price-notice02{margin-top:100px}.contact-btn__wrap{text-align:center;margin:40px 0}.btn_wrap{margin:60px 0;text-align:center}.button_webmatters,.button_contact,.button__cta-box{display:inline-block;border-radius:100px;text-decoration:none;background-color:#7abc7d;box-shadow:2px 2px 2px #ddd;color:#fff;padding:.75em 3em}.button_webmatters:hover,.button_webmatters:focus,.button_webmatters:active,.button_contact:hover,.button_contact:focus,.button_contact:active,.button__cta-box:hover,.button__cta-box:focus,.button__cta-box:active{opacity:.6;color:#fff}.profile{margin-top:40px;margin-bottom:40px;text-align:center}.profile img{border-radius:150px}@media (min-width :768px){.profile{float:right;margin-top:0;margin-left:25px}}.links_sns{text-align:center}.links_sns ul{margin:0;letter-spacing:-.5em}.links_sns li{list-style:none;letter-spacing:0;display:inline-block;margin:0 10px;font-size:2.6rem}.about-list{display:flex;flex-wrap:wrap}.about-list dt,.about-list dd{padding-bottom:1em;margin-bottom:1em;border-bottom:1px dashed #ccc}.about-list dt{width:25%}.about-list dd{width:75%}.about-list dd ul{margin:0 inherit}@media (min-width :768px){.about-list dt{width:30%}.about-list dd{width:70%}}.archive-description{margin-bottom:40px;padding:20px;background-color:#f8f8f8}.form-contact{margin-bottom:40px}.form-contact dt{display:block;margin-bottom:.25em;font-weight:700;font-size:1.8rem}.form-contact dd{display:block;margin-bottom:1.5em;padding:0}.submit-message,.back-form{border-radius:100px;box-shadow:2px 2px 2px #ddd;padding:.75em 3em;cursor:pointer}.submit-message{background-color:#7abc7d;color:#fff}.back-form{margin-right:40px;background-color:#aaa;color:#fff}.submit-message:hover,.submit-message:focus,.submit-message:active,.back-form:hover,.back-form:focus,.back-form:active{opacity:.6}.highlight{color:var(--hp-link-color)}.posted-on-list{margin:0}.posted-on-list li{list-style:none;display:inline-block;font-size:1.2rem}.posted-on-list li::after{content:'/';margin-left:1em}.posted-on-list li:last-child::after{display:none}.posted-on-list .posted-on-item__modified{margin-right:1em}.posted-on-list li time{color:var(--hp-base-color);font-size:1.4rem}.wp-block-search__button{background-color:var(--hp-link-color);color:#fff;border-radius:4px}.fb a{background-color:var(--facebook-color)}.tw a{background-color:var(--x-color)}.fb a,.tw a{position:relative;width:60px;height:60px;line-height:60px;border-radius:50%;display:inline-block;color:#fff}.fb a::before,.tw a::before{border-radius:50%;content:'';position:absolute;top:0;right:0;bottom:0;left:0;transition-duration:.3s;transition-property:top right bottom left}.fb a::before{border:#3b5998 solid 1px}.tw a::before{border:#000 solid 1px}.fb a:hover::before,.tw a:hover::before{top:-4px;right:-4px;bottom:-4px;left:-4px}.fb a:hover,.fb a:active,.fb a:focus{color:#fff}.tw a:hover,.tw a:active,.tw a:focus{color:#fff}.pagetop{position:fixed;z-index:100;bottom:10px;right:10px;font-size:4.2rem;font-weight:700;opacity:.75}.pagetop a{text-decoration:none}.pagetop::before{position:absolute;right:-10px;bottom:-10px;display:block;content:"";z-index:-1;border-width:20px 80px;border-style:solid;border-color:#fff0;border-right:80px solid #abefad;border-bottom:20px solid #abefad;background-color:#fff0}.flow>section{position:relative;margin:40px 0 60px;border:5px solid #f0f0f0;padding:20px;font-size:1.4rem}.flow>section::after{position:absolute;content:"▼";font-size:20px;bottom:-50px;left:50%;margin-left:-10px;color:#ccc;"
}

.flow > section:last-child::after{
	content: "";
	position: static;
}

.flow > section > p:last-child{
	margin-bottom: 0;
}

.flow > section h4{
	margin-top: 0;
	padding: 10px;
	background: #deffdf;
	font-size: 1.8rem;
}


.toc{
	margin: 40px 0 60px;
	border: 5px solid #f0f0f0;
	padding: 20px;
	font-size: 1.4rem;
}

@media (min-width : 768px){

	.toc{
		padding: 40px;
	}

}/*768*/

.toc > ul{
	margin: 0;
}

.toc > ul > li:last-child ul{
	margin-bottom:  0;
}

.toc > ul li{
	list-style: none;
	font-size: 1.4rem;
}

.toc > ul > li{
	list-style: none;
}

.toc li a{
	text-decoration: none;
}

@media (min-width : 768px){

	.toc > ul > li{
		font-size: 1.6rem;
	}

}/*768*/


.toc > ul li::before{
	margin-right: 7px;
	display: inline-block;
	content: "▲";
	transform: rotate(90deg);
	font-size: 0.75rem;
	vertical-align: middle;
}

/**
 * 404ページ
 */
.p404-menu li{
	margin-bottom: 20px;
	list-style: none;
}

.p404-menu i{
	margin-right: 10px;
	color:  #aaa;
}

/*投稿記事*/
.entry-content p,
.entry-content figure{
	margin: 0 0 2.5em;
}

.entry-content .wp-block-list{
	margin: 0 0 2.5em;
	padding: 20px 20px 20px 50px;
	background-color: #f8f8f8;
}

.entry-content .wp-block-list .wp-block-list{
	margin: .5em 0;
	padding: 0 0 0 20px;
}

/* 引用 */
.wp-block-quote{
	margin: 10px 0 30px;
	padding: 20px 30px;
	background-color: #fafafa;
	border: 1px solid #cecece;
}

.wp-block-quote cite{
	font-size: 1.4rem;
	text-align: right;
}

/* 記事CTA */
.cta-box__post__wrap__wrap{
	--hp-frame-margin: -20px;
	--hp-frame-border-color: #cecece;
	position: relative;
	margin: 100px 20px 60px;
	border: 1px solid #cecece;
}

.cta-box__post__wrap{
	position: relative;
}

.cta-box__post{
	overflow: hidden;
	position: relative;
	padding: 20px;
	text-align: center;
}

.cta-box__post__wrap__wrap::before,
.cta-box__post__wrap__wrap::after,
.cta-box__post__wrap::before,
.cta-box__post__wrap::after{
	position: absolute;
	content: "";
	display: block;
	width: 40px;
	height: 40px;
}

.cta-box__post__wrap::before{
	top: var(--hp-frame-margin);
	left: var(--hp-frame-margin);
	border-top: 1px solid var(--hp-frame-border-color);
	border-left: 1px solid var(--hp-frame-border-color);
}

.cta-box__post__wrap::after{
	bottom: var(--hp-frame-margin);
	right: var(--hp-frame-margin);
	border-right: 1px solid var(--hp-frame-border-color);
	border-bottom: 1px solid var(--hp-frame-border-color);
}

.cta-box__post__wrap__wrap::before{
	top: var(--hp-frame-margin);
	right: var(--hp-frame-margin);
	border-top: 1px solid var(--hp-frame-border-color);
	border-right: 1px solid var(--hp-frame-border-color);
}

.cta-box__post__wrap__wrap::after{
	bottom: var(--hp-frame-margin);
	left: var(--hp-frame-margin);
	border-left: 1px solid var(--hp-frame-border-color);
	border-bottom: 1px solid var(--hp-frame-border-color);
}

.cta-box__post p{
	text-align: left;
}

/* 著者紹介 */
.entry-author{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	border: 1px solid #cecece;
	margin: 0 0 2em;
	padding: 20px;
}

.entry-author .entry-author__inner{
	flex: 1;
	font-size: 1.4rem;
}

.entry-author .author-name{
	margin: 0 0 1em;
	font-size: 1.8rem;
	text-align: center;
}

.entry-author .author-image{
	max-width: 30%;
	margin: 0 auto;
}

.entry-author .author-image img{
	width: 120px;
	margin-right: 20px;
	border-radius: 50%;
}

.author-links{
	margin: 20px 0;
	list-style: none;
	text-align: center;
}

.author-links li{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 10px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	font-size: 1.2rem;
}

.author-links li span{
	display: none;
}

.author-links li a{
	color: #fff;
}

.author-links__hp{
	background-color: var(--hp-link-color);
}

.author-links__x{
	background-color: var(--x-color);
}

.author-links__fb{
	background-color: var(--facebook-color);
}

@media (min-width : 768px){

	.cta-box__post p{
		text-align: center;
	}

	.entry-author{
		flex-direction: row;
	}

	.entry-author .author-name{
		text-align: left;
	}
	
	.entry-author .author-image img{
		margin-right: 20px;
	}

	.author-links{
		position: absolute;
		top: 20px;
		right: 20px;
		margin: 0;
	}

	.author-links li{
		margin: 0;
		margin-left: 1em;
	}
	
}

/* カテゴリーリンク */
.wrap__category-and-tag{
	margin: 30px 0 50px;
	padding: 20px;
	background-color: #f8f8f8;
}

.cat-links,
.tags-links{
	margin: 0;
	font-size: 1.4rem;
	font-weight: bold;
}

.category-list,
.tags-list{
	margin: 0 0 15px;
	list-style: none;
}

.tags-list{
	margin-bottom: 0;
}

.category-list li,
.tags-list li{
	display: inline-block;
	font-size: 1.4rem;
}

.category-list li a,
.tags-list li a{
	display: block;
	margin-right: 1em;
}

.category-list li a{
}

/*フッターナビ*/
.nav-links{
	position: relative;
}

.archive .nav-links,
.blog .nav-links,
.search .nav-links{
	text-align: center;
}

.singular .nav-links::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2em;
	height: 1px;
	margin-left: -1em;
	background-color: #ccc;
}

.nav-links a{
	text-decoration: none;
}

.nav-subtitle{
	display: block;
	font-size: 1.2rem;
	color: #505050;
}

.page-numbers{
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border: 1px solid var(--hp-link-color);
	margin-right: .25em;
}

.page-numbers:last-child{
	margin-right: 0;
}

.page-numbers:hover,
.page-numbers:active,
.page-numbers:focus{
	background-color: var(--hp-link-color);
	color: #fff;
}

.current.page-numbers{
	background-color: var(--hp-link-color);
	color: #fff;
}

.prev.page-numbers,
.next.page-numbers{
	width: auto;
	padding: 0 .5em;
}

.prev.page-numbers::before{
	content: "\f104";
	margin-right: .25em;
	font-family: FontAwesome;
}

.next.page-numbers::after{
	content: "\f105";
	margin-left: .25em;
	font-family: FontAwesome;
}

.nav-links .nav-previous{
	border-left: 2px solid #ececec;
	padding-right: 2em;
	padding-left: 1em;
	text-align: left;
}

.nav-links .nav-next{
	border-right: 2px solid #ececec;
	padding-right: 1em;
	padding-left: 2em;
	text-align: right;
}

/* アーカイブ */
.blog .hentry,
.archive .hentry,
.search .hentry{
	display: flex;
	flex-direction: column;
	margin-bottom: 2.5em;
}

.post__inner{
	flex: 1;
}

.blog .hentry h2,
.archive .hentry h2,
.search .hentry h2{
	font-size: 1.8rem;
	margin-top: 0;
	margin-bottom: .25em;
}

.blog .entry-summary,
.archive .entry-summary,
.search .entry-summary{
	margin-top: .5em;
	font-size: 1.4rem;
}

.blog .hentry .posted-on-list li,
.archive .hentry .posted-on-list li,
.search .hentry .posted-on-list li{
	margin-bottom: 0;
	font-size: 1.2rem;
}

@media (min-width : 768px){
	.blog .hentry,
	.archive .hentry,
	.search .hentry{
		flex-direction: row;
	}

	.post-type-archive-info .hentry{
		flex-direction: column;
	}

	.post-thumbnail__archive{
		margin-right: 2em;
		max-width: 30%;
	}

	.blog .hentry h2,
	.archive .hentry h2,
	.search .hentry h2{
		font-size: 2.4rem;
	}
}

/*サイドバー*/
.site-sidebar__inner .widget_block{
	padding: 0 20px;
	margin-bottom: 60px;
}

@media (min-width : 768px){

	.site-sidebar__inner .widget_block{
		padding: 0;
		margin-bottom: 0;
	}
	
	.site-sidebar__inner{
		display: flex;
		flex-wrap: wrap;
	}

	.site-sidebar__inner .widget_block:first-child{
		width: 100%;
		margin-bottom: 60px;
	}

	.site-sidebar__inner .widget_block{
		width: 50%;
	}

}

.site-sidebar .widget:last-child{
	margin-bottom: 0;
}

.widget .wp-block-categories-list{
	margin: 0 0 2em;
}

.widget .wp-block-categories-list .children{
	margin: 1em 0 1em 1em;
}

.widget .wp-block-categories-list,
.widget .wp-block-categories-list .children{
	list-style: none;
}

.widget .wp-block-categories-list li{
	position: relative;
}

.widget .wp-block-categories-list li::before{
	content: "\f105";
	margin-right: .5em;
	font-family: FontAwesome;
}

.widget .wp-block-heading::before{
	content: "\f02b";
	margin-right: .5em;
	font-family: FontAwesome;
}

#block-8.widget .wp-block-heading::before{
	content: "\f002";
}

#block-9.widget .wp-block-heading::before{
	content: "\f07b";
}

/**
 * 汎用設定
 */

.em,
strong{ background: linear-gradient(transparent 60%, #fff499 60%); }
.em_ng{ background: linear-gradient(transparent 60%, #ffd9d9 60%) }
.entry-content em,
.entry-content strong{
	background: none;
}

/*マルチカラム（1～6）*/
.col3-wrap{
	margin: 0 0 1em;
}

.col3-wrap::after{
	display: block;
	content: " ";clear:both}.col{float:none;width:auto;margin-left:0;margin-bottom:2%}@media (min-width :768px){.col{float:left}.col::after{display:block;clear:both;height:0;content:''}.col3-wrap>.col{width:32%;margin-right:2%}.col3-wrap>.col:nth-child(3n){margin-right:0}.col3-wrap>.col_ns{width:33.33333333%}}.grecaptcha-badge{bottom:100px!important}.wp-block-kevinbatdorf-code-block-pro{margin-bottom:1.5em}@font-face{font-family:'Martel Sans';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/martelsans/v14/h0GxssGi7VdzDgKjM-4d8hBj4vuBH0gFq9xRc5g.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:'Martel Sans';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/martelsans/v14/h0GxssGi7VdzDgKjM-4d8hBj4vuOH0gFq9xRc5g.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Martel Sans';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/martelsans/v14/h0GxssGi7VdzDgKjM-4d8hBj4vuAH0gFq9xR.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/*!
Theme Name: tyto-style
Theme URI: https://www.tyto-style.com/
Author: Masato Mishima
Author URI: https://www.tyto-style.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tyto-style
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

tyto-style is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/