@charset "utf-8";
/* --- 季節特集 --- */
.aks {
	display: inline-block;
	text-indent: 0;}

.finished,
.message__box {
	padding: 1em;
	border: 4px solid #d5cdb8;}
.finished + *,
.message__box + * {
	margin-top: 30px;}
.finished p {
	text-align: center;}
.finished p + p,
.message__box p + p {
	padding-top: 1em;}

.pageContIcon {
	position: relative;
	z-index: 0;
	margin-bottom: 40px;
	padding: 10px 10px 30px;
	background: url("../img/share/bg-dark.jpg") repeat;}
.pageContIcon__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
.pageContIcon__item {
	flex: 1 0 350px;
	margin: 20px 10px 0;
	padding: 0.5em 0;
	background: url("../img/share/bg-red.jpg") repeat;
	border-radius: 3px;
	color: #fff;
	font-size: 1.2em;
	text-align: center;}
	.pageContIcon__item.wide {
		flex: 1 0 400px;}

.section.messagCard img,
.section.voice img,
.section.externalRanking img {
	display: block;
	max-width: 100%;
	height: auto;}
.section.messagCard ul li + li,
.section.voice ul li + li,
.section.externalRanking ul li + li {
	margin-top: 20px;}
.section.messagCard ul li img + p,
.section.messagCard ul li p + img,
.section.voice ul li img + p,
.section.voice ul li p + img,
.section.externalRanking ul li img + p,
.section.externalRanking ul li p + img {
	margin-top: 20px;}
@media only screen and (min-width:801px){
	/* --- 季節特集 --- */
	.pageContIcon {
		padding: 20px 35px 30px;}
	.pageContIcon__item {
		flex: 1 0 250px;
		margin: 10px 5px 0;}

	.section.messagCard ul,
	.section.voice ul,
	.section.externalRanking ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;}
	
	.section.voice ul li,
	.section.messagCard ul li,
	.section.externalRanking ul li {
		width: 600px;}
}
@media only screen and (max-width:800px){
	.finished,
	.message__box {
		margin: 30px 20px 0;}
}
.pageContIcon {
	position: relative;
	z-index: 0;
	margin-bottom: 40px;
	padding: 10px 10px 30px;
	background: url("../img/share/bg-dark.jpg") repeat;}
.pageContIcon__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
.pageContIcon__item {
	flex: 1 0 350px;
	margin: 20px 10px 0;
	padding: 0.5em 0;
	background: url("../img/share/bg-red.jpg") repeat;
	border-radius: 3px;
	color: #fff;
	font-size: 1.2em;
	text-align: center;}
	.pageContIcon__item.wide {
		flex: 1 0 400px;}

.section.messagCard img,
.section.voice img,
.section.externalRanking img {
	display: block;
	max-width: 100%;
	height: auto;}
.section.messagCard ul li + li,
.section.voice ul li + li,
.section.externalRanking ul li + li {
	margin-top: 20px;}
.section.messagCard ul li img + p,
.section.messagCard ul li p + img,
.section.voice ul li img + p,
.section.voice ul li p + img,
.section.externalRanking ul li img + p,
.section.externalRanking ul li p + img {
	margin-top: 20px;}
@media only screen and (min-width:801px){
	/* --- 季節特集 --- */
	.pageContIcon {
		padding: 20px 35px 30px;}
	.pageContIcon__item {
		flex: 1 0 250px;
		margin: 10px 5px 0;}

	.section.messagCard ul,
	.section.voice ul,
	.section.externalRanking ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;}
	
	.section.voice ul li,
	.section.messagCard ul li,
	.section.externalRanking ul li {
		width: 600px;}
}
@media only screen and (max-width:800px){
	.finished,
	.message__box {
		margin: 30px 20px 0;}
}