main img {
width:100%;
}

h2 {
padding:0;
margin-top: 0.75em;
}

h6 {
padding:1px 0;
border-top:1.5px solid #c7c485;
border-bottom:1.5px solid #c7c485;
}

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 strong {
color:#ec4700;
}
article p span {
margin-left:-0.5em;
display:block;
color:#d93127;
font-weight:bold;
}

section {
padding:0.5em;
margin:-6px 0 1.5em;
display:block;
background:#ffffea;
border-top:8px solid #d93127;
border-bottom:8px solid #d93127;
}
section ul{
width:100%;
margin:0 auto;
text-align:center;
display: flex;
justify-content: center;
vertical-align: top;
}

section ul li {
width:calc(100%/3);
display: flex;
justify-content: center;
align-items: flex-start;
padding:2%;
}

section ul li a {
display:block;
}
section ul li figure {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow:hidden;
margin-bottom:0.2em;
}

section ul li a em {
font-weight:bold;
margin: 0.3em auto;
font-size:0.8em;
line-height:1.2em;
}
section ul li a p {
font-size:0.75em;
margin: 0.2em auto;
line-height:1.2em;
}
section.stampdl {
text-align:center;
margin:1em auto;
}
section.stampdl p {
font-size:0.8em;
margin:1em auto;
display:block;
}

section.stampdl figure {
width:50%;
margin: auto;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow:hidden;
}
section.stampdl figure img {
pointer-events:auto;
-webkit-touch-callout:default;
-webkit-user-select:auto;
-moz-touch-callout:auto;
-moz-user-select:auto;
user-select:auto;
}

section.stampdl div {
margin:1em auto;
}
section.stampdl div a {
display:block;
width:80%;
margin:0 auto;
}
section.stampdl div p {
margin-bottom:0.3em;
}
section.stampdl article {
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #646464;
margin:0.5em auto;
padding:0;
font-size:0.8em;
text-align:left;
background:#f7f7f7;
}
section.stampdl article em {
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
padding:0.5em;
color:#ffffff;
background:#626161;
}
section.stampdl article p {
padding:0.5em;
margin: 0;
font-size: 1em;
}



.dcpresent {
text-align:center;
font-size: 1em;
width:100%;
background-image: url(http://d4y91jg9denot.cloudfront.net/snsmanga-ds/images/dpoint/cp/202510/19_present_shita.png);
background-size:100%;
height:25%;
background-repeat:no-repeat;
}

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


.dcpresent li{
column-gap:8px;
border:none;
width:80%;
margin:0 auto;
}

.dcpresent p {
color:#6d3310;
font-weight:bold;
font-size:0.7em;
letter-spacing:10px;
padding:5px 0 0px 0; 
}

.dcpresent p span {
color:#ff072a;
}


.dcpresent a {
display:block;
}

.lastpresent {
text-align:center;
font-size: 1em;
margin:10px 0;
}

.lastpresent p {
color:#6d3310;
font-weight:bold;
font-size:0.7em;
letter-spacing:10px;
padding:5px 0 0px 0;
margin:-5px 0 5px 0;
}

.lastpresent a {
border-radius: 8px;
display: block;
width: 80%;
padding: 15px;
box-sizing: border-box;
background: #ff4b64;
color: #FFF;
text-decoration: none;
text-align: center;
font-weight:bold;
margin: 0 auto;
}

.notice {
border: 2px solid #f08f15;
border-radius: 5px;
background: #fefff0;
padding: 0.5em;
margin: 0.5em 0.5em 1em;
text-align: center;
}
.notice p {

}
.notice p span {
display: inline-block;
margin: 0;
font-size: 1.2em;
}