@charset "UTF-8";
@import url("html5reset-1.6.1.css");
@import url('https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@1,500&display=swap');

/* 変数 */
:root{
    --bace01:#dcd3b2; /* 主に背景 body用 */
    --bace02:#c7b370; /* 背景のアクセント メニューバーとか */
    --color01:#544a47; /* 主に文字色 背景とのコントラストを考える*/
    --color02:#6a5d21; /* 文字色よりコントラスト弱い色 */
    --contrast01:#fbfaf5; /* 背景・文字を目立たせる色 */
    --accent01:#752100; /* 差し色 */
}

/*Hugo用*/
.breadcrumb {
    padding: 0;
  }
  .breadcrumb li {
    display: inline;
    list-style: none;
    margin: 0;
  }
  .breadcrumb li:not(:last-child)::after {
    content: '＞';
    padding: 0.5rem;
  }

#TableOfContents{
  border-radius:3px;
  padding: 0;
  width:90%;
  max-width: 15rem;
  margin: auto;
}

.category{
    display: inline-block;
    margin-top: 1rem;
}

.date{
    display: block;
    text-align: right;
}

*[title]:after{
  content:attr(title);
  display: block;
  font-size: small;
}




/* ↓レイアウト↓ */

*{
    line-height:1.8rem;
}

body{
    color:var(--color01);
    background-color:var(--bace01);
    font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-size: 1rem;
}

.base{
    margin:0 auto;
    max-width:1200px;
}

header{
    padding:1rem;
    margin:0px;
    text-align:center;
    background-color:var(--bace02);
    color:var(--color01);
}

footer{
    padding:10px;
    text-align:center;
    background-color:var(--bace02);
    color:var(--color01);
}

.work{
    padding:10px;
    margin:0 auto;
    max-width:36rem;
}

.menu{
    margin:0px;
    padding:10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    font-size:90%;
    font-family: 'Brygada 1918', serif;
}

.box{
    margin:0px 5px;
    padding:30px 10px;
}

.text{
    margin:5px 0px;
    padding:10px;
    line-height:180%;
}

img
{
	max-width:100% ;
	height:auto ;
}


/* ↓タグ↓ */

h1{
    font-size:280%;
    font-weight:normal;
    font-family: 'Brygada 1918', serif;
    line-height: 150%;
}

h2{
    font-size:130%;
    font-weight:normal;
    text-align:center;
    margin:20px 0px;
    font-family: 'Brygada 1918', serif;
}

h2 span {
  display:block;
  margin-top:0px;
  color:var(--color02);
  font-size:60%;
}

h2:first-letter {
    font-size:140%;
    color:var(--accent01);
}

h3{
    font-size:120%;
    font-weight:normal;
    margin:20px 0px;
    border-width:5px 0px 5px 0px;
    border-style:double;
    text-align:center;
    border-color:var(--bace02);
    font-family: 'Brygada 1918', serif;
}

h4{
    font-size:120%;
    font-weight:normal;
    margin:20px 0px;
    border-width:0px 0px 0px 15px;
    border-style:double;
    padding-left:10px;
    border-color:var(--color02);
    background-color:var(--bace02);
    font-family: 'Brygada 1918', serif;
}

h5{
    font-size:120%;
    font-weight:normal;
    margin:20px 0px;
    font-family: 'Brygada 1918', serif;
}

h5 span{
    background-color:var(--color01);
    color:var(--contrast01);
    padding:3px 10px;
    border-radius:3px;
}

h6{
    font-size:80%;
    font-weight:normal;
    margin:10px;
}

.b2t{list-style: none; text-align: right; margin: 1rem 0;}

p{
    text-align:left;
    margin: auto;
}

p + h3{margin-top: 3rem;}
p + p{margin-top: 1rem;}

em{
    background: linear-gradient(transparent 60%, #fff799 60%);
    font-style:normal;
}

strong{
    font-weight:normal;
    color:var(--contrast01);
    background-color:var(--accent01);
}

small,.small{
    font-size:70%;
}

big,.big{
    font-size:130%;
}

ins{
    background-color:var(--color02);
}

i{
    font-style:italic;
}

a:link{
    color:var(--color02);
}

a:visited{
    color:var(--contrast01);
}

a:hover{
    background-color:var(--color01);
    color:var(--contrast01);
}

h1 a:link{
    color:var(--contrast01);
    text-decoration:none;
}

h1 a:visited{
    color:var(--contrast01);
    text-decoration:none;
}

blockquote{
    position:relative;
    padding:10px 10px 10px 50px;
    box-sizing: border-box;
    margin:15px;
    border-radius:3px;
    border-style:solid;
    border-width:1px;
    border-color:var(--color02);
    background-color:var(--contrast01);
}

blockquote:before{
    display:inline-block;
    position:absolute;
    top:15px;
    left:15px;
    vertical-align: middle;
    content:'\00275e';
    color:var(--contrast01);
    font-size:1.3rem;
}

li{
    padding:0;
    margin:auto 1.5rem;
}

ul{
    margin:auto;
}

ol{
    margin:auto;
}

dl{
    padding-left:3px;
    margin:10px 0px;
}

dt{
    padding-left:5px;
    margin-top: 0.5rem;
}

dd{
    padding-left:1rem;
}

address{
    font-size:80%;
    font-family: 'Brygada 1918', serif;
}

cite{
    font-size:smaller;
}


/* ↓classタグ↓ */

.item{
    text-align:center;
    margin:5px;
    padding:5px;
}

.list1{
    list-style-type:circle;
}

.list2{
    list-style-type:upper-roman;
}

hr{
    margin:5px 0px;
    height:50px;
    border-width:0px;
}

.p1{
    background-color:var(--contrast01);
    border-radius:3px;
}

.p2{
    border-style:double;
    border-width:3px;
    border-color:var(--bace02);
    padding: 0.5rem;
}

.p2 + .p2{margin-top: 3rem;}

#mokuji,.p3{
    border-style:solid;
    border-width:1px;
    border-color:var(--color02);
    border-radius:3px;
    background-color:var(--bace02);
    max-width: 15rem;
    margin: auto;
    padding: 1.5rem;
}

.memo{
    background-color:var(--accent01);
    font-size:90%;
    padding:0px 10px;
    height:200px;
    overflow:auto;
    margin:5px 5px;
    color:var(--color01);
}

.img1{
    box-shadow:1px 1px 3px -1px var(--color01);
}

.more{display:inline-block; margin-top:0.5rem;}

.pagination li{
    margin: 0;
    display: inline
}

/*↓ディスプレイ580px以下用↓*/

@media screen and (max-width:580px) 

{

.base{
    width:auto;
    margin:0px 5px;
}

.box{
    margin:0px;
}

.work{
    width:auto;
    margin:0px;
    padding:0px;
}

.menu{
    font-size:80%;
}

h1{
    font-size:160%;
}

h2{
    font-size:70%;
}

}