@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : mebae.css
Description : めばえページ
===================================================================== */

/* =====================================================================
*    共通：タイトル
* =================================================================== */
h1.page_ttl {
	background: url(../img/mebae/bg_logo_sp.jpg) no-repeat center top;
	background-size: 100% auto;
}
@media screen and (min-width:700px){
	h1.page_ttl {
		background: url(../img/mebae/bg_logo_pc.jpg) no-repeat center top;
		background-size: 100% auto;
	}
}

/* これまでのめばえ */
.mebae_ttl::before {
	margin-right: 90px;
}

@media screen and (min-width:700px){
	.mebae_ttl::before {
		margin-right: 120px;
	}
}

/* =====================================================================
*    トップ：メインイメージ
* =================================================================== */
.corner_article .article_main {
	border-bottom: none;
}

@media screen and (min-width:700px){
	.corner_article .article_main .img {
		width: 47.3685%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
}


/* =====================================================================
*    トップ：Aliceバナー
* =================================================================== */

#wrapBnrAlice {
	width: 80%;
	margin: 1em auto 4em;
	padding: 1em;
	/*border: 1px solid #818181;*/
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.5em;
	/*background: #fff0f8;*/
}

#wrapBnrAlice .ttlSupported {
	font-weight: bold;
	font-size: 16px;
}

#wrapBnrAlice #wrapBnrAliceInner {
	display: block;
	width: 100%;
}

#wrapBnrAlice p {
	display: block;
	padding: 0 1em;
	vertical-align: top;
	font-size: 16px;
}

#wrapBnrAlice .imgAlice img {
	margin: 0;
	padding: 1em 0;
}

.mebaeInfo {
	width: 60%;
	margin: 1rem auto;
	border: 1px solid #333;
	padding: 1rem;
	font-size: 16px;
	line-height: 2rem;
}


@media screen and (min-width:700px){
#wrapBnrAlice {
	width: 84%;
	margin: 0 auto 4em;
	padding: 1em;
	/*border: 1px solid #818181;*/
	box-sizing: border-box;
	font-size: 18px;
	line-height: 1.5em;
	/*background: #fff0f8;*/
}

#wrapBnrAlice .ttlSupported {
	font-size: 18px;
}

#wrapBnrAlice #wrapBnrAliceInner {
	display: table;
	width: 100%;
	margin-top: 0.5em;
	box-sizing: border-box;
}

#wrapBnrAlice p {
	display: table-cell;
	width: 50%;
	padding: 0 1em;
	vertical-align:top;
	font-size: 18px;
	line-height: 1.4em;
}

#wrapBnrAlice .imgAlice img {
	margin: 0;
	padding: 0;
}

#wrapBnrAlice p .fcPink {
	color: #f3429c;
}

.mebaeInfo {
	width: 90%;
	margin: 1rem auto;
	border: 1px solid #333;
	padding: 1rem;
	font-size: 18px;
	line-height: 2rem;

}

}



/* =====================================================================
*    トップ：アーカイブ一覧
* =================================================================== */
.pastoa_month {
	width: 87.5%;
	margin-top: 14.2858%;
	margin-left: auto;
	margin-right: auto;
}

.pastoa_month .no_backnumber {
	font-size: 1.4rem;
	line-height: 1.5em;
	text-align: center;
	border-bottom: 1px dotted #333;
	/*padding-top: 8%;*/
	padding-top: 40px;
	padding-bottom: 12.5%;
	margin-bottom: 12.5%;
}

.pastoa_month .month_ttl,
.pastoa_month .month_ttl_s {
	margin-bottom: 0;
}

.oa_list {
	text-align: center;
	letter-spacing: -.40em;
}

.oa_list li {
	width: 45.8334%;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	margin-top: 8.9286%;
	margin-right: 6.25%;
}

.oa_list li:nth-child(2n),
.oa_list li:last-child {
	margin-right: 0;
}

.oa_list li .date {
	height: auto;
	color: #6c2363;
	font-size: 16px;
	line-height: 1.2em;
	float: none;
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
}

@media screen and (min-width:700px){
	.pastoa_month {
		width: 95%;
		margin-top: 30px;
	}

	.pastoa_month .no_backnumber {
		padding-bottom: 40px;
		margin-bottom: 40px;
	}

	.oa_list {
		width: 89.4737%;
		text-align: left;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	.oa_list li {
		width: 31.1764%;
		margin-top: 3.2352%;
		margin-right: 3.2352% !important;
		margin-bottom: 0;
	}

	.oa_list li:nth-child(3n),
	.oa_list li:last-child {
		margin-right: 0px !important;
	}

	.oa_list li .date {
		margin-bottom: 0;
		font-size: 18px;
	}
}

/* =====================================================================
*    トップ・アーカイブ：これまでのめばえ
* =================================================================== */
.archive_mebae {
	width: 87.5%;
	margin-top: 10.9375%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (min-width:700px){
	.archive_mebae {
		width: 95%;
		margin-top: 70px;
	}
}

/* =====================================================================
*    トップ：バナー
* =================================================================== */
.bannerTop {
	width: 87.5%;
	text-align: center;
	border-top: 1px dotted #333;
	margin-top: 12.5%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12.5%;
}

.bannerTop .banner_list {
	width: 92.8572%;
	margin-left: auto;
	margin-right: auto;
}

.bannerTop .banner_list li p {
	font-size: 1.2rem;
	line-height: 1.5em;
	margin-top: 10px;
}

.bannerTop .banner_list li img {
	width: 254px;
	margin-left: auto;
	margin-right: auto;
}

.bannerTop .banner_list li:first-child {
	margin-bottom: 7.6924%;
}

@media screen and (min-width:700px){
	.bannerTop {
		width: 95%;
		margin-top: 40px;
		padding-top: 40px;
	}

	.bannerTop .banner_list {
		width: 100%;
		text-align: center;
		letter-spacing: -.40em;
	}

	.bannerTop .banner_list li {
		width: 31.579%;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		text-align: left;
		margin-left: 2.6316%;
		margin-right: 2.6316%;
	}

	.bannerTop .banner_list li img {
		width: 100%;
	}
}
/* =====================================================================
*    アーカイブ：バナー
* =================================================================== */
.banner {
	width: 87.5%;
	text-align: center;
	/*border-top: 1px dotted #333;*/
	margin-top: 12.5%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12.5%;
}

.banner .banner_list {
	width: 92.8572%;
	margin-left: auto;
	margin-right: auto;
}

.banner .banner_list li p {
	font-size: 1.2rem;
	line-height: 1.5em;
	margin-top: 10px;
}

.banner .banner_list li img {
	width: 254px;
	margin-left: auto;
	margin-right: auto;
}

.banner .banner_list li:first-child {
	margin-bottom: 7.6924%;
}

@media screen and (min-width:700px){
	.banner {
		width: 95%;
		margin-top: 40px;
		padding-top: 40px;
	}

	.banner .banner_list {
		width: 100%;
		text-align: center;
		letter-spacing: -.40em;
	}

	.banner .banner_list li {
		width: 31.579%;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		text-align: left;
		margin-left: 2.6316%;
		margin-right: 2.6316%;
	}

	.banner .banner_list li img {
		width: 100%;
	}
}

/* =====================================================================
*    共通
* =================================================================== */

.fcPink {
	color: #f3429c !important;
}