@charset "utf-8";


/* お知らせ
-------------------------------------------------------------------- */
#notice {
	margin-bottom: 10px;
}
/*
#notice h2.title {
	background-image: url("../images/icon_notice.png");
	background-size: 29px;
}
*/

.comment {
	padding: 12px 10px;
	font-size: 1.4rem;
	line-height: 1.4;
}

/* 一覧 --------------- */
.notice_list li a {
	display: block;
	padding: 12px 10px;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #333;
	border-bottom: 1px solid #ccc;
}
.notice_list li a strong {
	display: inline-block;
	margin-bottom: 0.4em;
	padding-left: 22px;
	font-size: 1.6rem;
	color: #0f357f;
	text-decoration: underline;
	vertical-align: middle;
	position: relative;
}
.notice_list li a strong::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	border-radius: 25%;
	background: #0f357f;
	vertical-align: middle;
}
.notice_list li a strong::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
	margin: auto;
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	vertical-align: middle;
}


.notice_list li a[href$=".pdf"] {
	background: none;
}

/* ボタン --------------- */
.notice_btn {
	padding: 12px 10px;
}

.notice_btn a.disaster {
	display: block;
	padding: 12px;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #333;
	background-color: #ddd;
	border-radius: 3px;
	position: relative;
}
.notice_btn a.disaster::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 12px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #0f357f;
	border-right: 2px solid #0f357f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.notice_btn a.disaster strong {
	display: inline-block;
	margin-bottom: 0.4em;
	font-size: 1.6rem;
	color: #0f357f;
}



/* スケジュール
-------------------------------------------------------------------- */
#schedule h2.title {
	background-image: url("../images/icon_schedule.png");
	background-size: 22px;
}
#schedule .button_list {
	padding-top: 15px;
	padding-bottom: 10px;
}

/* 冊子データ
-------------------------------------------------------------------- */
/*
#booklet h2.title {
	background-image: url("../common/images/icon_booklet.png");
	background-size: 22px;
}*/

#booklet .link_list li:last-child a {
	border-bottom: 0;
}


/* 校舎周辺MAP
-------------------------------------------------------------------- */
#map h2.title {
	background-image: url("../images/icon_map.png");
	background-size: 22px;
}

#map .area {
	margin-bottom: 10px;
}

@media screen and (max-width:340px) {
	#map .button_list li a {
		font-size: 1.2rem;
	}
}

/* 模試・実力テスト実施要項
-------------------------------------------------------------------- */
/*
#test h2.title {
	background-image: url("../images/icon_test.png");
	background-size: 22px;
}
*/
#test h2.title.off {
	background-color: #666;
	border-top: 1px solid #fff;
}

#test .link_list li:last-child a {
	border-bottom: 0;
}



/* 各種提出
-------------------------------------------------------------------- */
#upload h2.title {
	background-image: url("../images/icon_upload.png");
	background-size: 22px;
}

#upload .link_list li:last-child a {
	border-bottom: 0;
}


/* 申請書・申込用紙
-------------------------------------------------------------------- */
#shinsei h2.title {
	background-image: url("../images/icon_pencil.png");
	background-size: 22px;
}


/* 欠席・55振替申請
-------------------------------------------------------------------- */
#absent h2.title {
	background-image: url("../images/icon_absent.png");
	background-size: 22px;
}


/* 講習などイベント
-------------------------------------------------------------------- */
#event h2.title {
	background-image: url("../images/icon_star.png");
	background-size: 22px;
}


/* 未使用
-------------------------------------------------------------------- */
#reschedule h2.title {
	background-image: url("../images/icon_reschedule.png");
	background-size: 22px;
}


/* ボタン群
-------------------------------------------------------------------- */
.button_area {
	margin-top: 25px;
}
.button_area .button_list {
	margin-bottom: 10px;
}
.button_area .button_list li {
	text-align: center;
}
.button_area .button_list li a {
	padding: 50px 10px 10px;
}
/* よつやメール */
.button_area .button_list li.mail a {
	background: url("../images/icon_mail.png") no-repeat top 15px center;
	background-size: 34px auto;
}
/* スマホ教材 */
.button_area .button_list li.smartphone a {
	background: url("../images/icon_smartphone.png") no-repeat top 11px center;
	background-size: 34px auto;
}
/* お友達紹介 */
.button_area .button_list li.friend a {
	background: url("../images/icon_friend.png") no-repeat top 14px center;
	background-size: 42px auto;
}

.button_area .banner {
	padding: 0 10px;
}
.button_area .banner li {
	text-align: center;
	margin-bottom: 10px;
}

@media screen and (max-width:360px) {
	.button_area .button_list li a {
		padding: 50px 8px 10px;
	}
	.button_area .button_list li.mail a {
		font-size: 1.2rem;
	}
}