/*! tailwindcss v2.2.15 | MIT License | https://tailwindcss.com*/

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-webkit-text-size-adjust:100%;line-height:1.15;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}hr{height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,pre{margin-top: .6em;margin-bottom: 1.35em;}button{background-image:none;border-radius: 4px;}fieldset,ol,ul{margin:0;padding:0;}ol,ul{padding-left: 0;list-style:none;}html{background:#2f2d2d;line-height:1.5}body{/*background:#2f2d2d;*/line-height:inherit}*,:after,:before{border:0 solid;box-sizing:border-box}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1}input::placeholder,textarea::placeholder{opacity:1}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}button,input,optgroup,select,textarea{line-height:inherit;padding:0}code,kbd,pre,samp{}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--tw-border-opacity:1;}.container{color:#9a9996;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%;}.mt-5{margin-top:1rem}.mt-20{margin-top:5rem}.mr-3{margin-right:.75rem}.mb-auto{margin-bottom:auto}.ml-0{margin-left:0}.ml-4{margin-left:1rem}.block{display:block}.flex{display:flex}.table{display:table}.h-screen{height:100vh}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.border-t{border-top-width:1px}.border-gray-700{--tw-border-opacity:1;}.bg-transparent{}.bg-gray-700{--tw-bg-opacity:1;}.bg-gray-800{--tw-bg-opacity:1;}.p-0{padding:0}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.pb-20{padding-bottom:5rem}.pr-2{padding-right:.5rem}.pr-5{padding-right:1.25rem}.pb-2{padding-bottom:.5rem}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-5xl{font-size:3rem;line-height:1;padding-top:1.75rem;border-bottom:none;margin:auto}.font-bold{font-weight:700}.tracking-wide{letter-spacing:.025em}.text-gray-400{--tw-text-opacity:1;}.hover\:text-white:hover{--tw-text-opacity:1;}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}*,:after,:before{--tw-shadow:0 0 #0000;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}@import ;main{font-size:1.125rem;line-height:1.75rem}main p{margin-top: .6em;}.highlight{--tw-shadow:0 25px 50px -12px rgba(0,0,0,0.25);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.highlight{margin-bottom:1rem;}.highlight,pre{border-radius:.75rem}pre{padding:1.25rem 2.5rem}table{margin-top: .6em;margin-bottom: 1.35em;border-collapse:collapse;text-align:left;width:100%}th{font-weight:700}td,th{--tw-border-opacity:1;border-bottom-width:1px;padding-bottom:.5rem;padding-top:.5rem}table>tbody>tr:hover{--tw-bg-opacity:1;--tw-text-opacity:1;,114,128,var(--tw-bg-opacity));}main ol{list-style-type:decimal}main ol,main ul{margin-top: .6em;margin-bottom: .65em;margin-left: 1.7em;}main ul{list-style-type:disc}main a{}main a,main a:hover{--tw-bg-opacity:1;--tw-text-opacity:1}main a:hover{}.footnotes{font-size:.875rem;line-height:1.25rem;margin-top:5rem}.footnotes li{/*display:flex*/padding-top:.5rem;}.footnotes p{padding-bottom:0;}.pagination{display:flex;font-size:1.125rem;line-height:1.75rem;}.pagination ul{padding-left:0;display:flex;list-style-type:none}.pagination a{margin-left:.5rem;margin-right:.5rem;padding:.5rem 1rem}.search-box{text-align:right}.header-cs{border-bottom-width: thin;color:#9a9996}.search-container{background-color:#2f2d2d;border:1px solid #9a9996;color:#9a9996;border-radius:4px;font-size: 16px;margin-top: 4px}.search-btn{background-color:#2f2d2d;border:1px solid #9a9996;color:#9a9996}.active{border-radius:4px;border:1px solid gray;}.tags-cs{border-radius:4px;border:1px solid gray;}a:link{color:#7fd7ff;}a:visited{color:#ffafff;}.list-items{display:table-row;}.list-items time{display:table-cell;font-size:14px;white-space: nowrap;}.list-items a{display:table-cell;font-size:18px;}header time{font-size: 1.125rem;}li p{margin-top: 0.2em;margin-bottom: 0;}li{	margin-bottom: .4em;}.tags-cs a{color:#8c8a88 ;}
.container{
	/*max-width:1000px;*/
	max-width:1200px;
}
main.container {
	flex-direction: unset;
	display:block;
	align-items:flex-start;
	padding:0 15px;
}
article {
	max-width: 800px;
	flex-grow:1;
	display:flex;
	flex-direction:column;
	margin:auto;
}
.right-sidebar{
	position: sticky;
	top:18px;
	max-height: 85vh;
	margin-left:1vw;
	display:none;
	margin-top:10px;
}
.home-right-sidebar{
	margin-left:1vw;
	display:none;
	
}

.right-sidebar ul , .right-sidebar ol, .right-sidebar  li{
	margin-top:0;
	margin-bottom:0;
	font-size:14px;
}
.right-sidebar ol:first-child{
	margin:0.5rem;
}

.widget--toc #TableOfContents ol {
 list-style-type:none;
 counter-reset:item;

}
.section-title {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 3px;
  font-size: 18px;
  display:none;

}
.widget--toc{
	border-radius:10px;
	background-color:#252525;
}
#TableOfContents{
	overflow-x:auto;
	max-height: 85vh;

}
#TableOfContents a {
  color:#9a9996;
}

.widget--toc #TableOfContents ol li a::before {
  counter-increment: item 1;
  content: counters(item, ".") ". ";
}
/*tag*/
.tagCloud .tagCloud-tags {
 display:flex;
 flex-wrap:wrap;
 gap:10px
}
.article-category a, .tagCloud .tagCloud-tags a {
 border-radius:4px;
 padding:4px 10px;
 color:rgb(154, 153, 150);
 font-size:14px;
 border: 1px solid #555555 ;
}
.article-category{
 display:flex;
 gap:10px
}

/*heading*/
main h5,main h6{
  font-size: 1em;
  font-weight: bold;
}
main h3,main h4{
  font-size: 1.1em;
  font-weight: bold;
  margin: 1.5rem 0 0.65em;
}
main h3{
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: .1em;
}
main h1, main h2{
  font-size: 1.5em;
  font-weight: bold;
  padding-bottom: .3em;
  margin:1.75rem 0 .67em;
}


/* heading # */
/*
.main-article h1:before { content: "# "; }
.main-article h2:before { content: "# "; }
.main-article h3:before { content: "## "; }
.main-article h4:before { content: "### "; }
.main-article h5:before { content: "#### "; }
.main-article h6:before { content: "##### "; }

h1:before, 
h2:before, 
h3:before, 
h4:before, 
h5:before, 
h6:before {
  color:#555555 ;
  font-size: .8em;
}
*/
/* Auto Numbering */
body {counter-reset: h1}
.main-article h2 {counter-reset: h3}
.main-article h3 {counter-reset: h4}
.main-article h4 {counter-reset: h5}
.main-article h5 {counter-reset: h6}

.main-article h2{counter-increment: h2;}
.main-article h2::before {content: counter(h2) ". "}


.main-article h3{counter-increment: h3;}
.main-article h3::before {content: counter(h2) "." counter(h3) ". "}

.main-article h4{counter-increment: h4;}
.main-article h4::before {content: counter(h2) "." counter(h3) "." counter(h4) ". "}

.main-article h5{counter-increment: h5;}
.main-article h5::before {counter-increment: h5; content: counter(h2) "."counter(h3) "." counter(h4) "." counter(h5) ". "}



/*heading design*/
/*
.main-article h2 {
  padding: .5em .75em;
  background-color: #252525;
    border-bottom: 1px solid #555555;
}
*/
.main-article h2 {
  border-bottom: 1px solid #555555;
  padding-bottom: .3em;
  margin:1.75rem 0 .67em;
  
}
.main-article h3 {
  padding: .25em 0 .25em .75em;
  border-left: 3px solid #555555;
}





/* Blockquotes */
blockquote{
  --tw-border-opacity:1;
  border-left-width:8px;
  margin-top: 0.5rem;
  margin-left:2rem;
  padding-left:1rem;
  margin-bottom:0.5rem;
}
blockquote *:first-child{
padding-top:0.5rem;
}
blockquote *:last-child{
padding-bottom:0.5rem;
}
/*
blockquote {
    position: relative;
}

blockquote::before {
    position: absolute;
    left: -.5rem;
    content: ">";
    color:#555555 ;
}
*/


/**************/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.menu {
  position:sticky;
  top:10px;
  /*width:300px;*/
  margin-left:30px;
	display: none;
	overflow: hidden;
	cursor: pointer;
}

.menu div.menubar {
	width: 30px;
	margin: 17px auto;
}
.menu div.menubar .bar {
	display: block;
	width: 100%;
	height: 3px;
	margin-top: 6px;
	border-radius: 2px;
	background-color: #9a9996;
}

/* クリックした時の動き */
#cp_navimenuid {
	display: none;
}
#cp_navimenuid:checked ~ .menu {

	overflow: visible;
}
#cp_navimenuid:checked ~ .menu > .right-sidebar,.section-title {
	display: block;
}
#cp_navimenuid:checked ~ .menu > .menubar {
	display: none;
}
/*@media*/


@media(min-width:640px){
  main.container{display: flex;}
  .menu{display:table;}
  #cp_navimenuid:checked ~  .menu > .right-sidebar,.section-title{
    width:30vw;
  }  
}
@media (min-width:768px){
  .home-right-sidebar{display:block;width:30vw;}
  #cp_navimenuid:checked ~  .menu > .right-sidebar,.section-title{
    width:25vw;
  }  
}
@media (min-width:1024px){
  .home-right-sidebar{display:block;width:25vw;}
  #cp_navimenuid:checked ~  .menu > .right-sidebar,.section-title{
    width:20vw;
  }  
}
@media (min-width:1280px){
  .home-right-sidebar{display:block;width:25vw;max-width: 300px;}
  #cp_navimenuid:checked ~  .menu > .right-sidebar,.section-title{
    width:20vw;
    max-width:300px;
  }  
}

/*
@media (min-width:640px){.container{max-width:768px}}
@media (min-width:768px){.container{max-width:768px}}
@media (min-width:1024px){.container{max-width:768px}}
@media (min-width:1280px){.container{max-width:768px}}
@media (min-width:1536px){.container{max-width:768px}}
*/