@charset "utf-8";
/* CSS Document */

#contentInner #mainWrap article:first-child {
padding: 3em 1em;
background:linear-gradient(90deg,rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 1)70%), url(../img/common/forgifts.jpg) -150% top / 90% no-repeat;
}

#contentInner #mainWrap article:first-child h2,
#contentInner #mainWrap article:first-child h2 + p {
width:50%;
margin: 0 0 0 auto;
}

#contentInner #mainWrap article:first-child h2 {
margin-bottom:1em;
}

#contentInner #mainWrap article:first-child + p {
text-align: center;
margin-top:1em;
}

#contentInner #mainWrap article:first-child + p span {
display: inline-block;
padding-left: 1em;
font-size: 120%;
}

#topItemList {
background: url(../img/common/item_bg.jpg) center top;
background-size: cover;
padding: 1em 5em 4em;
}

#topItemList h3 {
color: #fff;
line-height: 2;
margin-bottom: 2em;
}

#topItemList ul li a {
background: rgba(255,255,255,0.8);
box-sizing: border-box;
display: block;
padding: 1em;
margin-top:.5em;
}

aside{
width:100%;
display: flex;
justify-content: space-between;
flex-wrap:wrap;
margin-top:3em; 
}

aside dl {
width:32%;
border: 1px solid #e2e2e2;
background:#fff;

}

aside dl dt {
background:#533c32;
color: #fff;
text-align: center;
line-height: 2;
padding: 1em;
}

aside dl dt img {
display: block;
margin: 0 auto .3em;
height:50px;
}

aside dl dd span {
display: block;
font-size: 120%;
}

aside dl dd {
font-size: 80%;
line-height: 2;
padding:.8em;
}

aside dl dd img {
margin-top:1.5em;
}

aside dl dd a {
display: block;
background: #bce1ea;
padding: .5em;
margin-top: .5em;
border-radius: 25px;
color:#543c32;
width: 100%;
text-align: center;
}

aside dl:first-child dd  {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

@media screen and (max-width: 480px) {
#contentInner #mainWrap article:first-child {
padding:2em 1em;
}
	
#contentInner #mainWrap article:first-child {
background:url(../img/common/forgifts.jpg) no-repeat center top;
}

#contentInner #mainWrap article:first-child h2 {
width:100%;
padding:.2em .5em 0em;
margin-top:100%;
margin-bottom:0;
}

#contentInner #mainWrap article:first-child h2 + p {
width:100%;
padding:0em;
text-align:center;
}

#contentInner #mainWrap article:first-child + p {
border:1px solid #630;
padding:1em;
}

#topItemList {
padding:1em;
}

aside dl {
width:100%;
margin-bottom:1em;
}

}

@media screen and (max-width: 320px) {
#contentInner #mainWrap article:first-child h2 {
margin-top:120%;
}

}