/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2025
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2025
BlankSlate is distributed under the terms of the GNU GPL
*/

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-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}






/*global*/


:root{
	--white:#ededed;
	--black:#111;
	--gray1:#e1e1e1;
	--blue:#185abc;
}

@font-face {font-family: "CabinetGrotesk";src: url("/wp-content/fonts/CabinetGrotesk/CabinetGrotesk-Variable.ttf") format("truetype");font-weight: 100 900;font-style: normal;}



body{background:var(--white);line-height:1.5;width:100%;height:100%;font-size:15px;font-family:sans-serif;}
#wrapper{opacity:0;animation:fade .5s .5s forwards;}
@keyframes fade{to{opacity:1;}}
*{transition:.3s;word-break: break-all;}



h1, h2, h3{font-family: "CabinetGrotesk", sans-serif;font-weight:600;margin: 3rem 0 1rem; line-height: 1.2;}
h1{font-size:2.4rem;}
h2{font-size:1.8rem;border-bottom:1px solid;}
h3{font-size:.8rem;background: var(--black); color: var(--white); display: inline-block;padding: .3rem .6rem; font-weight: 500;}
p{margin:0 0 3rem;}
a{color:#111;transition:.1s;display: inline-block;}
a:hover{opacity: .6;}
ul, ol{margin: 0 1rem 3rem;}
ul{list-style: square;}
li{margin: 1rem 0;}
ul ul{margin:0 1rem 1rem;}
ol{list-style: demical;}
figcaption{margin: 0 0 3rem!important;}
blockquote{font-style: italic;opacity:.5;font-size: .9rem;}
blockquote::before{content: "//";}
figure{margin: 0 0 1rem;}
table{}
td{word-break: keep-all;}
img{object-fit:cover;width: 100%;height: auto;margin: 0 0 1rem;}

/* 初期状態：左端から幅0%のマスク（非表示） */
h1, h2{
  opacity: 0;
  clip-path: inset(0 100% 0 0);
  transition: 1s;
}

/* アニメーション開始時 */
.animation {
  opacity: 1;
  clip-path: inset(0 0 0 0); /* 全体表示 */
}



#header>*{position:absolute;z-index:2;opacity:.95;}
#header .logo{padding:2rem;}
#menu{display:none;}


#container{padding:10vh 10vw 0;max-width: 1100px;margin: auto;min-height: 95vh;overflow-x: hidden;}

.post-edit-link{display:none;}
.entry-meta{font-size:.7rem;margin: 0 0 1rem;}

#footer{height:5vh;padding:0 2rem;font-size:.8rem;}



/*page*/
.page .header{margin-bottom: 3rem;text-align: center;}
.nav-links{display: flex; gap: 9rem; width: 100%; justify-content: space-around;margin: 1rem 0;}
.nav-links>*{flex: 1;}
.nav-next{text-align: right;}



/*home*/

.home .entry-title{display:none;}
.home .mobmenur-container{display:none;}
.home .header{display: none;}


.hgallery{display: grid!important; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 25%); gap: 1px!important; height: 70vh; margin-bottom: 2rem;}
.hgallery>figure{opacity:0;animation:fade2 .5s forwards; filter:grayscale(100%);width: 100%!important;}
.hgallery>figure:nth-child(1){animation-delay:.95s;}
.hgallery>figure:nth-child(2){animation-delay:.8s;}
.hgallery>figure:nth-child(3){animation-delay:1s;}
.hgallery>figure:nth-child(4){animation-delay:.6s;}
.hgallery>figure:nth-child(5){animation-delay:1.2s;}
.hgallery>figure:nth-child(6){animation-delay:.75s;}
.hgallery>figure:nth-child(7){animation-delay:.85s;}
.hgallery>figure:nth-child(8){animation-delay:.65s;}
.hgallery>figure:nth-child(9){animation-delay:1.1s;}
.hgallery>figure:nth-child(10){animation-delay:1.3s;}
.hgallery>figure:nth-child(11){animation-delay:.7s;}
.hgallery>figure:nth-child(12){animation-delay:1.35s;}
.hgallery>figure:nth-child(13){animation-delay:1.15s;}
.hgallery>figure:nth-child(14){animation-delay:.9s;}
.hgallery>figure:nth-child(15){animation-delay:1.25s;}
.hgallery>figure:nth-child(16){animation-delay:1.05s;}

@keyframes fade2{to{opacity:1;}}

.hgallery>figure:hover{filter:grayscale(0%);transform:scale(1.2);z-index:1;}
.hgallery img{margin: 0;}

.hcolumn h1{opacity:0;animation:fade .5s 1.5s forwards;word-break: break-word;}
.hcolumn .wp-block-navigation{opacity:0;animation:fade .5s 1.5s forwards;}
.hcolumn ul{gap:1rem;}
.hcolumn a:hover{opacity: 1;}
.hcolumn span:hover{color:var(--white);background:var(--black);}



/*about*/
#post-5766 .wp-block-columns{margin-bottom:2rem;}
#post-5766 .wp-block-columns>:first-child{flex-basis:20%!important;}
#post-5766 .wp-block-columns>:last-child{flex-basis:80%!important;}
#post-5766 .wp-block-columns img{aspect-ratio:1/1;}
#post-5766 img{margin: 0 0 3rem;}






/*archive*/

.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 4rem;align-items:start;}

.archive .header{margin-bottom: 3rem;text-align: center;}
.archive h2{font-size: .9rem;border:none;margin:0;}
.archive article{display:flex;flex-direction:column-reverse;}
.archive article img{width:100%;height:auto;aspect-ratio:16/9;margin: 0;}

.new-label{position: absolute;color: var(--white);background: var(--blue);padding: .1rem .5rem;font-size: .7rem;z-index: 99;transform: translateY(-.3rem);}
.page-numbers{display: flex; list-style: none; gap:.6rem; margin: 0;}
.page-numbers li>a{background: var(--gray1); padding: .2rem .6rem;}
.page-numbers li>a:hover{background: var(--black); color: var(--white);}
.page-numbers li>span{background: var(--black); color: var(--white); padding: .2rem .6rem;}
.page-numbers a{text-decoration: none;}

.sort-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 2rem;
  font-size: 0.95rem;
}

.sort-label {
  font-weight: 600;
  color: #333;
}

.sort-select {
  padding: 0.3em 0.6em;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
  cursor: pointer;
}

.sort-select:hover,
.sort-select:focus {
  border-color: #999;
  box-shadow: 0 0 3px rgba(0,0,0,0.1);
  outline: none;
}

.sort-button {
  padding: 0.4em 0.8em;
  background-color: #555;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.sort-button:hover {
  background-color: #333;
}





/*single*/
.box{background: var(--gray1);padding: 1rem 3rem;margin: 0 0 3rem;position: relative;}
.box>*>p:first-child, .box>*>h3:first-child{position: absolute; top: -.5rem; font-weight: 600;}
.tag-links{display: flex;gap: .2rem;flex-wrap: wrap;margin-top: .6rem;align-items: baseline;}
.tag-links a{background: var(--black); color: var(--white);text-decoration: none; padding: 0 .3rem;font-size: .6rem;}
.tag-links a:before{content: "#"}
.single .top:after{content: "arrow_drop_up"; font-family: 'Material Symbols Outlined'; position: fixed; right: 0; bottom: 0;font-size: 2rem;margin: 0 2rem 2rem 0;background: var(--black);color: var(--white);opacity: .7;z-index: 99}
.single .top:hover:after{color: var(--white);background: var(--black);opacity: 1;}
.single .top:hover{opacity: 1;}


.google-auto-placed{overflow: clip;}



/*plugin*/

/*ハンバーガー*/
.mobmenu-content{margin-top:6rem!important;}
.mob-icon-menu:before, .mob-icon-cancel-1:before{color:var(--black);font-size:4rem;margin:0!important;position:fixed;top:0;right:0;padding:2rem;}
.menu-menu-1-container>#mobmenuright>li>a{font-family: "CabinetGrotesk", sans-serif;font-weight:600;font-size:1.5rem;color:var(--black)!important;}
.menu-menu-1-container>#mobmenuright>li>a:hover, .menu-menu-1-container>#mobmenuright>li:hover{color:var(--white)!important;background:var(--black)!important;}


/*関連記事*/
.yarpp, .yarpp *{ font-size: initial !important; font-weight: initial !important; max-height: initial!important; width: 100% !important;height: auto !important;margin: 0!important; padding: 0 !important;border: none !important;display: block!important;}
.yarpp{margin:0 0 6rem!important;}
.yarpp h3{font-size: .8rem !important;font-weight: 500 !important;display: inline-block !important; width: auto !important;padding: .3rem!important;margin: 0 0 1rem!important;}
.yarpp-thumbnails-horizontal{display: grid!important;grid-template-columns: repeat(3, 1fr);gap:3rem;}
.yarpp img{aspect-ratio: 16/9;}
.yarpp-thumbnail-title{font-weight: 600 !important;font-size: .8rem !important;text-decoration: underline !important;;}


/*目次*/
#toc_container{padding: 1rem 2rem;margin: 0 0 3rem;}
.toc_title{position: absolute; transform: translatey(-1.7rem); background: var(--white);}


/*問い合わせ*/
.wp-block-contact-form-7-contact-form-selector *{border: none; margin: 0; padding: 0; width: 100%; font-size: 1rem; display: block; min-width: initial; max-width: 100%;}
.wp-block-contact-form-7-contact-form-selector input ,.wp-block-contact-form-7-contact-form-selector textarea{padding: .3rem;}
.wp-block-contact-form-7-contact-form-selector p{margin: 0 0 1rem;}
.wp-block-contact-form-7-contact-form-selector .wpcf7-spinner{display: none;}
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit{background: var(--gray1);margin-top: 2rem; min-width: initial; width: auto; padding: .5rem 3rem;}
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit:hover{background: var(--black); color: var(--white);}
.wp-block-contact-form-7-contact-form-selector .wpcf7-not-valid-tip{color: var(--blue);}
.wp-block-contact-form-7-contact-form-selector .wpcf7-response-output{border-color: var(--blue)!important; margin: 1rem 0 !important;}


/*recapcha*/
.grecaptcha-badge{display:none;}
.page-id-900 .grecaptcha-badge{display:initial;}




/*respansive*/
@media (max-width: 900px){

	.hgallery{grid-template-columns: repeat(3, 1fr); overflow: hidden; height: 60vh;}
	#header .logo{width: 180px;}
	.archive-grid{grid-template-columns: repeat(2, 1fr);}
	.yarpp-thumbnails-horizontal{grid-template-columns: repeat(2, 1fr);}
	.nav-links{gap: 3rem;}
	.archive-grid{gap:2rem 3rem;}

	h1{font-size: 1.8rem;}
	h2{font-size: 1.2rem;}

	.box{padding: 1rem 2rem;}



}