/* CSS Document */

.info1 {
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.info1:after {
	background-color: #D9B3D8; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED), linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: 'Tシャツ発売決定！';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
.info1 p {
    font-size: 0.8em;
}
.info1 img {
    width:80%;
    max-width: 80%;
    height: auto;
}


.info2 {
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.info2:after {
	background-color: #D9B3D8; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED), linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: 'カバーアルバム発売！';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
.info2 p {
    font-size: 0.8em;
}
.info2 img {
    width:80%;
    max-width: 80%;
    height: auto;
}


.info3 {
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.info3:after {
	background-color: #D9B3D8; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED), linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: 'バレンタイングッズ2021';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
.info3 p {
    font-size: 0.8em;
}
.info3 img {
    width:80%;
    max-width: 80%;
    height: auto;
}

.info4 {
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.info4:after {
	background-color: #D9B3D8; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED), linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: 'バレンタインボイス2020';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
.info4 p {
    font-size: 0.8em;
}
.info4 img {
    width:80%;
    max-width: 80%;
    height: auto;
}


.info5 {
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.info5:after {
	background-color: #D9B3D8; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED), linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: '夏まつりボイス2020';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
.info5 p {
    font-size: 0.8em;
}
.info5 img {
    width:80%;
    max-width: 80%;
    height: auto;
}

.info6 {
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.info6:after {
	background-color: #D9B3D8; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED), linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: 'マンスリーボイス2月';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
.info6 p {
    font-size: 0.8em;
}
.info6 img {
    width:80%;
    max-width: 80%;
    height: auto;
}

.info7 {
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.info7:after {
	background-color: #D9B3D8; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED), linear-gradient(45deg, #F99AED 25%, transparent 25%, transparent 75%, #F99AED 75%, #F99AED); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: 'ふゆやすみボイス2021';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
.info7 p {
    font-size: 0.8em;
}
.info7 img {
    width:80%;
    max-width: 80%;
    height: auto;
}