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

h1.fs-c-heading--page {
	display: none;
}

.hbContents-heroImage {
	text-align: center;
	margin: 0;
}

.linkbur {
	text-align: center;
	margin: 24px 0;
}

.linkbur img {
	width: 100%;
	max-width: 500px;
}

.presentContents h2 {
	text-align: center;
	margin-top: 2em;
}

.presentContents h3 {
	font-weight: bold;
	color: #1d4964;
	background-color: #ffd4d3;
	padding: 8px 16px;
	margin: 2em 0 24px;
	border-radius: 8px;
}

.contentsPrice {
	text-align: center;
	margin: 24px 0;
}

/*--topics--*/
.presentContents-index {
	background-color: #ffd4d3;
	padding: 8px;
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.presentContents-index h2 {
	color: #1d4964;
	border-bottom: 1px dashed #1d4964;
	padding-bottom: 8px;
}

.presentContents-index ol {
	font-size: 1.6rem;
	counter-reset: li;
	padding: 0 8px;
}

.presentContents-index li {
	margin-top: 1em;
	list-style: none;
}

.presentContents-index ol li::before {
	font-weight: bold;
	counter-increment: li;
	content: counter(li)'.';
	color: #1d4964;
	margin-right: 0.5em;
}

.presentContents-index li a {
	color: #000;
	text-decoration: underline;
}

/*--3つのポイント--*/
.pointList {
	background-color: #faf8d8;
	margin: 24px 0;
	padding: 8px 16px 16px;
	border-radius: 8px;
	list-style: none;
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.pointList li {
	border-bottom: 1px dashed #fa6073;
	padding-top: 8px;
}

/*--NGアイテム--*/
.ngList {
	margin: 24px 0;
	padding: 8px 16px 16px;
	border-radius: 8px;
	background: url(https://happyblessing.itembox.design/item/present/icon_ng.png) 90% 50% no-repeat #faf8d8;
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/*--商品紹介--*/
.presentItem-name {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #1d4964;
	letter-spacing: .05em;
	border-top: 2px solid #1d4964;
	border-bottom: 2px solid #1d4964;
	padding: 24px 0;
	position: relative;
	margin-top: 2em;
}

.presentItem-susume {
	position: absolute;
	top: -10px;
	left: 10px;
}

.presentItem-susume img {
	width: 58px;
}

/*--モールリンク--*/
.malllink h4 {
	text-align: center;
}

.malllink h4 img {
	width: 90%;
	max-width: 413px;
}

.malllink ul {
	text-align: center;
	list-style: none;
	padding: 0;
	margin-bottom: 4em;
}

.malllink li {
	text-align: center;
	margin-bottom: 8px;
}

.malllink li img {
	height: 17px;
	vertical-align: bottom;
}

.malllink li a {
	display: block;
	background-color: #fa6073;
	padding: 10px;
	border-radius: 20px;
	position: relative;
	line-height: 17px;
}

.malllink li a:before {
	display: block;
	content: '';
	background-image: url(https://happyblessing.itembox.design/item/present/shop_arrow.png);
	background-size: 8px 12px;
	width: 8px;
	height: 12px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -6px;
}

/*--- まとめ ---*/
table.presentItem-table {
	border-collapse: collapse;
	width: 100%;
}

table.presentItem-table th {
	background-color: #ffd4d3;
	padding: 5px;
}

table.presentItem-table td {
	border-bottom: 1px solid #ccc;
	padding: 8px 15px;
}

table.presentItem-table td.price_cel {
	text-align: center;
}

table.presentItem-table a {
	text-decoration: underline;
}


/*------------------------------------------
　幅768px以上↓↓
------------------------------------------*/
@media screen and (min-width: 768px){
/*----------------------------------------*/

.presentContents h3 {
	font-size: 1.8rem;
}

.presentItem-name {
	font-size: 2rem;
}

.presentItem-susume img {
	width: 100px;
}

.malllink ul {
	display: flex;
}

.malllink li {
	flex-basis: 50%;
	padding: 0 8px;
}

.malllink li img {
	height: 23px;
}
/*----------------------------------------*/
}
/*----------------------------------------*/