html {
scroll-padding-top:100px;
}


article {
padding: 0.5em;
display: block;
}
article a {
display:inline-block;
}
article p {
font-size:1em;
line-height:1.5em;
margin:0;
padding: 0.5em;
}

article p span {
margin-left:-0.5em;
display:block;
color:#d93127;
font-weight:bold;
}

.anchor {
height: 1px;
display: block;
padding-top: 100px;
margin-top: -100px;
}



h2 {
margin:0;
background:#d93127;
color:#ffffff;
font-size: 1em;
line-height: 1.5em;
text-align: center;
}
h2 em {
display:block;
}

h5 {
margin:1em 0 0.5em;
border-radius:0;
background:#000000;
}



.anchorlink {
margin:0 0 1em;
}

.anchorlink ul {
display:table;
margin:0 auto;
text-align:center;
width:100%;
}
.anchorlink ul li {
width:calc(100%/4);
display:table-cell;
padding: 0 0.3em;
}
.anchorlink ul li a {
position: relative;
text-align: center;
margin:0 auto;
display:block;
font-size:0.8em;
font-weight:bold;
padding: 1.5em 0;
color:#ffffff;
background: #720b0b;
border-radius: 10px;
}
.anchorlink ul li:nth-child(odd) a {
background:#024202;
}

.anchorlink ul li a span {
}



.contentslist {
padding: 0.5em;
}

.contentslist ul{
width:100%;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.contentslist ul li{
font-size:1em;
width: 50%;
display: flex;
padding: 0.3em 0.5em;
margin: 0 0 0.5em 0;
position:relative;
}

.contentslist ul li a{
border:solid 1px #ebebeb;
border-radius:5px;
background: #f7f7f7;
}

.contentslist ul li a figure {
width:100%;
border-radius:5px 5px 0 0;
overflow:hidden;
}
.contentslist ul li span {
position:absolute;
top:0;
left:0;
font-size:0.7em;
background:#d93127;
color:#ffffff;
text-align:center;
padding:0.3em;
margin: 0.5em 0 0 0.8em;
border-radius:5px 0 5px 0;
line-height: 1.1em;
font-weight: bold;
width: 20%;
letter-spacing: 0;
}

.contentslist ul li a figure img {
width:100%;

}


.contentslist ul li a em {
font-size:0.9em;
line-height:1.1em;
margin:0;
padding: 0.5em;
color:#000000;
font-weight: bold;
}

.contentslist ul li a p{
font-size:0.8em;
line-height:1.1em;
margin:0;
padding: 0 0.5em 0.5em 0.5em;
color:#000000;
text-align:left;
}



/**********スタンプ配置　2212okamura************/


.nenshistamplist ul{
width:100%;
/* background-color:#fff; リスト部分の背景だけ変えたいときはここ*/
padding:10px;/* ul全体に内側10px余白とる */
display:grid;
grid-template-columns: repeat(3, 1fr); 
column-gap:10px; /* カードとカードの間（横)は10pxあける */
row-gap:10px;/* カードとカードの間(縦)は10pxあける */
}


.kakioroshi li{
    column-gap:8px;
    border:solid 1px #d93127;
    border-radius:15px;
}

.twocolumn ul{
        grid-template-columns: repeat(2, 1fr); 
        }

.title p{
font-size:1em;
line-height:1.5em;
margin:0;
padding: 0.2em;
color:#000000;
font-weight: bold;
}

.txt p{
font-size:1em;
line-height:1em;
margin:0;
padding: 0 0.5em 0 0.5em;
color:#000000;
text-align:left;
}

.btn img{
padding:2px;
}

div.image{
margin:auto;
}

.nenshistamplist a div{/* スタンプimgとダウンロードボタンが直接の親になるdivを作っておく*/
background-color:#fff; /* カードの背景色 */
border-radius:15px;
height:100%;
text-align:center;/*中味をセンタリング*/
display:flex;/*カードの中の画像とダウンロードボタンを縦並びにするために */
flex-direction: column;
justify-content: space-between;　/*ダウンロードボタンは下にぴったりくっつける*/
}


.nenshistamplist li img{
width:100%;
margin:auto;
border-radius:15px;
}