﻿/*!

Theme Name: kazunoha ver1
Theme URI: https://kazunoha.net/

Author: kazunoha
Author URI: https://kazunoha.net/

Description: original theme.

Version: 1

*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;color:#555;word-break:break-all}body{font-size:14px;font-size:1.4rem;line-height:1.7em;letter-spacing:0.01em;word-wrap:break-word;overflow-wrap:break-word;font-family:"UD Shin Go Conde90 L" , "新ゴ R" , "メイリオ" , Meiryo , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , sans-serif;background:#fff}h1,h2,h3,h4,h5{font-weight:normal;margin:0;padding:0;line-height:1.7em}p{margin:0;padding:0}a{color:#e27709;text-decoration:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}a:visited{color:#e27709}a:focus{color:#089cb6}a:hover{color:#089cb6}a:active{color:#089cb6}a:focus,a:hover,a:active{text-decoration:none;text-shadow:1px 2px 3px rgba(0,0,0,0.3)}img{vertical-align:top}ul,ol,dl{margin:0;padding:0}li{list-style:none;margin:0;padding:0}dt,dd{margin:0}strong{font-weight:bold;text-decoration:underline;color:#e95388}cite{font-style:normal;color:#089cb6}small{font-size:80%}del{opacity:.6}body{background:#fffdf4}#header{width:100%;margin:0 auto 4em auto;text-align:center}#header img{width:100%;max-width:960px;height:auto;background:#fff}#header img:focus,#header img:hover,#header img:active{text-shadow:none;box-shadow:none;opacity:.7}#header nav ul{display:grid;margin:1em auto 2em auto;text-align:center;width:96%;max-width:960px;grid-gap:1em;grid-template-columns:1fr 1fr 1fr 1fr}@media screen and (min-width: 1000px){#header nav ul{grid-gap:2em}}#header nav li{display:inline-block}#header nav a{position:relative;width:100%;padding:.5em 0;z-index:2;display:inline-block;color:#e27709;font-size:.8em;text-align:center;text-decoration:none;outline:none;background:#fffcfa;border:1px solid #e27709}@media screen and (min-width: 600px){#header nav a{font-size:1em}}#header nav a,#header nav a::before,#header nav a::after{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}#header nav a::before,#header nav a::after{position:absolute;z-index:-1;display:block;content:'';left:0;width:100%;height:50%}#header nav a::before{top:0}#header nav a::after{bottom:0}#header nav a:focus,#header nav a:hover,#header nav a:active{color:#fff;text-shadow:none;background:#e27709}#header nav a:focus::before,#header nav a:focus::after,#header nav a:hover::before,#header nav a:hover::after,#header nav a:active::before,#header nav a:active::after{height:0;background:#fff}#contents,.post-content{max-width:820px;margin:0 auto;padding:0 1em 2em 1em}@media screen and (min-width: 1000px){#contents,.post-content{padding:0 0 2em 0}}#footer{background:#fff}#footer aside{max-width:960px;margin:0 auto;padding:4em 1em .5em 1em}@media screen and (min-width: 1000px){#footer aside{padding:4em 0 .5em 0}}#footer section{margin-bottom:4em}@media screen and (min-width: 600px){#footer section{margin-bottom:2em}}#footer h3{font-size:28px;font-size:2.8rem;font-family:"Limelight", sans-serif;margin-bottom:.5em;color:#977869}@media screen and (min-width: 600px){#footer h3{font-size:36px;font-size:3.6rem;margin-bottom:1em}}#footer-grid{width:100%}@media screen and (min-width: 1000px){#footer-grid{display:grid;grid-gap:5em;grid-template-columns:340px 1fr}}#categories{width:100%}@media screen and (min-width: 1000px){#categories{width:340px}}#categories li{border-top:1px solid #ff8e1e}#categories li:last-child{border-bottom:1px solid #ff8e1e}#categories a{display:block;position:relative;width:100%;padding:1em 0 1em .7em;font-size:16px;font-size:1.6rem}#categories span{position:absolute;top:1em;right:.5em}#tags li{display:inline-block;margin:0 .3em .3em 0;padding:0}#tags a{display:inline-block;padding:.5em 1em;background-color:#fff;border:1px solid #ff8e1e;border-radius:3px}#tags a:focus,#tags a:hover,#tags a:active{border-color:#089cb6}#profile address{margin-bottom:3em}#profile ul{border-left:2px solid #999}#profile li{padding-left:1em}#profile p{margin-bottom:.7em}.profile-img{width:300px;height:auto;display:block;margin:0 auto 2em auto}@media screen and (min-width: 600px){.profile-img{margin:0;width:200px}}@media screen and (min-width: 1000px){.profile-img{width:300px}}.profile-grid{padding:2em 1em;border:1px solid #ff8e1e;border-radius:3px}@media screen and (min-width: 600px){.profile-grid{display:grid;grid-gap:2em;grid-template-columns:200px 1fr}}@media screen and (min-width: 1000px){.profile-grid{grid-template-columns:300px 1fr}}#copyright{text-align:center;padding:2em 0;background:#fff;font-size:13px;font-size:1.3rem}.loop{position:relative;margin-bottom:2em;box-sizing:border-box;border:1px solid #ff8e1e;display:grid;box-shadow:5px 5px 8px rgba(0,0,0,0.1)}@media screen and (min-width: 600px){.loop{grid-gap:0;grid-template-columns:33% 1fr}}@media screen and (min-width: 1000px){.loop{grid-template-columns:480px 1fr}}.loop::before{position:absolute;z-index:1;opacity:0;display:block;left:0;width:100%;height:100%;content:""}.loop::after{position:absolute;display:block;align-content:center;text-align:center;z-index:1;opacity:0;width:100%;height:100%;content:"この記事を読む ≫";color:#fff;text-shadow:2px 2px 3px #000;font-size:30px;font-size:3rem}@media screen and (min-width: 1000px){.loop::after{font-size:36px;font-size:3.6rem}}.loop:focus,.loop:hover,.loop:active{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;box-shadow:none;border-color:#089cb6}.loop:focus::before,.loop:hover::before,.loop:active::before{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;opacity:1;background:rgba(0,0,0,0.5)}.loop:focus::after,.loop:hover::after,.loop:active::after{opacity:1;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.loop img{max-width:100%;height:auto}@media screen and (min-width: 600px){.loop img{width:100%;height:210px;object-fit:cover}}@media screen and (min-width: 1000px){.loop img{width:100%;height:auto}}.loop h2{margin-bottom:.5em;line-height:1.5em;color:#e27709;font-size:16px;font-size:1.6rem}@media screen and (min-width: 1000px){.loop h2{font-size:20px;font-size:2rem}}.loop ul{line-height:1.3em}.loop li{font-style:italic;color:#666;font-size:11px;font-size:1.1rem;display:inline;line-height:0;padding-right:.5em}@media screen and (min-width: 1000px){.loop li{font-size:12px;font-size:1.2rem}}.tags li{padding-right:0}.tags li:after{content:" / "}.tags li:last-child:after{content:""}.loop-context{padding:1em;background:#fff;overflow:hidden}.loop-excerpt{color:#666;font-size:12px;font-size:1.2rem;margin-top:.5em}@media screen and (min-width: 600px){.loop-excerpt{margin-top:1em}}.pagination{margin-bottom:6em;text-align:center}.pagination a{position:relative;z-index:2;display:inline-block;text-align:center;color:#fff;font-weight:bold;text-decoration:none;outline:none;background:#e27709;border:1px solid #e27709;border-radius:3px;padding:.5em 1em}.pagination a,.pagination a::before,.pagination a::after{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.pagination a::before,.pagination a::after{position:absolute;z-index:-1;display:block;content:'';left:0;width:100%;height:50%;background-color:#e27709}.pagination a::before{top:0}.pagination a::after{bottom:0}.pagination a:focus,.pagination a:hover,.pagination a:active{text-shadow:none;background:#089cb6;border-color:#e27709;color:#fff}.pagination a:focus::before,.pagination a:focus::after,.pagination a:hover::before,.pagination a:hover::after,.pagination a:active::before,.pagination a:active::after{height:0;background-color:#e27709}@media screen and (min-width: 1000px){.pagination a{padding:.7em 1.5em}}.pagination a:focus,.pagination a:hover,.pagination a:active{background:#fff;color:#e27709;text-shadow:none}.pagination .current{font-weight:bold;border-radius:3px;color:#e27709;border:1px solid #ff8e1e;background:#fff;padding:.5em 1em}@media screen and (min-width: 1000px){.pagination .current{padding:.7em 1.5em}}.post-header,.archive-header{position:relative;margin-bottom:6em;max-width:100%;text-align:center}.post-header div,.archive-header div{z-index:1;position:absolute;align-self:center;padding:1em 1em 1.5em 1em;width:100%;max-width:100%;color:#fff;text-shadow:0 0 30px #140d03, 0 0 5px #000, 0 0 3px #000}.post-header h1,.archive-header h1{font-size:20px;font-size:2rem}@media screen and (min-width: 600px){.post-header h1,.archive-header h1{font-size:26px;font-size:2.6rem}}@media screen and (min-width: 1000px){.post-header h1,.archive-header h1{font-size:32px;font-size:3.2rem}}.post-header li,.archive-header li{font-style:italic;display:inline;font-size:11px;font-size:1.1rem}@media screen and (min-width: 600px){.post-header li,.archive-header li{font-size:14px;font-size:1.4rem}}.post-header .tags li:first-child:after,.archive-header .tags li:first-child:after{content:" : "}.post-header a,.archive-header a{text-decoration:underline}.post-header img,.archive-header img{max-width:100%;height:auto;filter:brightness(50%)}.page-minecraft table{margin:0 auto 2em auto;border:1px solid #089cb6;font-size:12px;font-size:1.2rem}.page-minecraft tr{margin-bottom:1em}.page-minecraft tr:nth-child(odd){background-color:#e4eff5}.page-minecraft tr:nth-child(even){background-color:#fff}.page-minecraft th,.page-minecraft td{padding:.5em 2em;text-align:center}@media screen and (min-width: 600px){.page-minecraft th,.page-minecraft td{padding:.5em 3em}}.page-minecraft th{color:#089cb6}.page-minecraft td{border-left:1px solid #089cb6}.slider{background:#fff;border:1px solid #ff8e1e;padding:1em}.slider div{display:flex;overflow-x:auto;width:100%;height:auto}.slider figure{min-width:100%;margin:0;padding-bottom:3em;position:relative}.slider figure img{margin:0}.slider figure figcaption{margin:.5em 0}.slider button{width:3em;height:3em;background:#fff;border:1px solid #e27709;border-radius:3px;position:absolute;z-index:2;bottom:1em}.slider button:focus,.slider button:hover,.slider button:active{color:#fff;background:#e27709}.slider .slide-prev{left:.5em}.slider .slide-next{right:.5em}.post-content{margin-bottom:6em}@media screen and (min-width: 1000px){.post-content{font-size:16px;font-size:1.6rem}}.post-content img{max-width:100%;height:auto;margin-bottom:6em}.post-content figure img{margin-bottom:.5em}.post-content h2{font-size:25px;font-size:2.5rem;margin:6em 0 2em 0;color:#e95388;border-bottom:1px solid #e95388}.post-content h2::before{content:"■ "}@media screen and (min-width: 1000px){.post-content h2{font-size:30px;font-size:3rem}}.post-content h3{font-size:20px;font-size:2rem;margin:4em 0 1em 0;color:#089cb6}.post-content h3::before{content:"● "}.post-content p{margin-bottom:1.5em;line-height:1.7em}.post-outline{width:90%;margin:4em auto 0 auto;padding:1em;border:1px solid #089cb6}@media screen and (min-width: 600px){.post-outline{width:80%}}.post-outline p{font-size:18px;font-size:1.8rem;margin-bottom:1em;padding:0 0 .3em .3em;color:#089cb6;border-bottom:1px solid #089cb6}.post-outline p::before{content:"■ "}.post-outline ol{counter-reset:item;padding:0em 1em}.post-outline ol li{margin-bottom:1em}.post-outline ol li::before{content:counters(item,"-") ". ";counter-increment:item}.post-outline ol ol{margin:.7em 0 0 1em}.post-outline ol ol li{margin-bottom:.7em}.post-link{width:100%;margin-top:4em;text-align:center}.post-link a{position:relative;z-index:2;display:inline-block;text-align:center;color:#fff;font-weight:bold;text-decoration:none;outline:none;background:#e27709;border:1px solid #e27709;border-radius:3px;width:90%;margin-bottom:1em;padding:.7em 4em;font-weight:normal}.post-link a,.post-link a::before,.post-link a::after{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}.post-link a::before,.post-link a::after{position:absolute;z-index:-1;display:block;content:'';left:0;width:100%;height:50%;background-color:#e27709}.post-link a::before{top:0}.post-link a::after{bottom:0}.post-link a:focus,.post-link a:hover,.post-link a:active{text-shadow:none;background:#089cb6;border-color:#e27709;color:#fff}.post-link a:focus::before,.post-link a:focus::after,.post-link a:hover::before,.post-link a:hover::after,.post-link a:active::before,.post-link a:active::after{height:0;background-color:#e27709}@media screen and (min-width: 600px){.post-link a{width:70%}}@media screen and (min-width: 1000px){.post-link a{width:60%}}.post-link a:focus,.post-link a:hover,.post-link a:active{background:#fff;color:#e27709;text-shadow:none}.wp-block-embed{margin:0 auto 2em auto;width:90%}.wp-block-embed iframe{display:block;width:100%;border:1px solid #e27709}.wpcf7-form{width:100%;margin:0 auto;padding:2em .5em;background:#fffdf4;border-radius:3px}@media screen and (min-width: 600px){.wpcf7-form{width:80%}}.wpcf7-text,.wpcf7-textarea{vertical-align:middle;width:100%;height:3em;line-height:3em;margin:0;padding:0 .5em;font-size:16px;font-size:1.6rem;border:1px solid #ff8e1e;border-radius:3px;background:#fff}.wpcf7-text:focus,.wpcf7-textarea:focus,.wpcf7-text:active,.wpcf7-textarea:active{border-color:#089cb6;box-shadow:0 0 5px #0ac6e7}.wpcf7-textarea{min-width:100%;max-width:100%;height:10em;min-height:10em}@media screen and (min-width: 600px){.wpcf7-textarea{height:15em;min-height:15em}}.wpcf7-submit{position:relative;z-index:2;display:block;width:100%;margin:4em auto 0 auto;padding:.4em 0;color:#fff;text-align:center;line-height:35px;font-weight:bold;font-size:16px;font-size:1.6rem;background:#e27709;outline:none;border:2px solid #e27709;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}@media screen and (min-width: 600px){.wpcf7-submit{width:40%}}.wpcf7-submit:hover,.wpcf7-submit:focus,.wpcf7-submit:active{text-shadow:none;background:transparent;border-color:#089cb6;color:#089cb6}.wpcf7-response-output{vertical-align:middle;width:100%;text-align:center;margin:0 !important;padding:1em !important;font-size:12px;font-size:1.2rem;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;background:#fff;border:1px solid #089cb6 !important}.mb1,p.mb1{margin-bottom:2em}.mb2,p.mb2{margin-bottom:3em}.mb3,p.mb3{margin-bottom:4em}.textcolor-red{color:red}.textsize-lv1{font-size:120%}.textsize-lv2{font-size:140%}.textsize-lv3{font-size:160%}.textsize-lv4{font-size:180%}.textsize-lv5{font-size:200%}.dash{letter-spacing:-.5em;margin-right:.5em}.movie,.nico{margin:4em 0;text-align:center}.quote,.story{width:90%;margin:4em auto;padding:2em 1.5em;background:rgba(0,0,0,0.05);color:#444}.quote strong,.story strong{font-weight:bold}.quote .source,.story .source{margin-top:1.7em;text-align:right;font-size:12px;font-size:1.2rem;color:#089cb6}.list{margin:4em auto;padding:1em 2em;width:90%;border-radius:3px;border:1px solid #ff8e1e}.list p{padding:1em 0 0 1em}.list li{margin-bottom:.9em;margin-left:1em;list-style:circle outside}.list li:last-child{margin-bottom:0}pre{margin:4em 0}code{padding:1em;font-size:16px;font-size:1.6rem;background:#000}
