@charset "utf-8";

/* ---------------------------------------------
	ログイン
--------------------------------------------- */
.login_form{max-width: 500px;margin: 0 auto;}


/* ---------------------------------------------
	お知らせ
--------------------------------------------- */
/*カテゴリータグ*/
.news_list .tag,.news_box .tag{color: #777;font-size: 0.8em;display: inline-block;margin-right: 1em;}
.news_list .tag a,.news_box .tag a{color: #777;text-decoration: none;}
.news_list .tag a:hover,.news_box .tag a:hover{text-decoration: underline;}
.news_list .tag::before,.news_box .tag::before{content: url(../img/tag.png);margin-right: 0.2em;}

/*一覧*/
.news_list li{margin-top: 0.8em;}
.news_list li>div{background: #fff;box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.news_list li>div a{display: block;text-decoration: none;color: #333;padding: 0.8em 1em;}
.news_list li>p{margin: 0.2em 0 0.2em 0.5em;}
.news_list .n_title{font-weight: bold;margin-bottom: 0.2em;}
.news_list .n_time{font-size: 0.875em;}
/*未読*/
.midoku{color: #fff;font-weight: normal;font-size: 0.875em;display: inline-block;background: #ff9800;border-radius: 50px;padding: 0.1em 1em 0;margin-left: 0.5em;vertical-align: top;}

/*detail*/
.news_box{background: #fff;box-shadow: 0 0 3px rgba(0,0,0,0.3);padding: 1em;}
.news_box dt{font-weight: bold;font-size: 1.125em;border-bottom: 1px solid #ccc;margin-bottom: 0.5em;padding-bottom: 0.2em;}
.news_box .n_time{font-size: 0.875em;margin-right: 1em;}
.news_box dd img{display: block;margin: 1em auto;}

/* ページャー */
.pagelist{text-align: center;}
.pagelist>p{margin: 0.4em 0;}
.pagelist a{text-decoration: none;color: #4d4d4d;background-color: #fff;padding: 0.2em 0.7em;color: #4d4d4d;border: 1px solid #888;border-radius: 5px;display: inline-block;}
.pagelist a:hover{background-color: #CCC;opacity: 1;}
.pagelist span{background-color: #888;border: 1px solid #888;color: #fff;padding: 0.2em 0.7em;border-radius: 5px;}
@media (max-width:767px){
    .pagelist{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .pagelist>p{flex-basis: 100%;}
    .pagelist a{display: none;}
    .pagelist span{flex-grow: 1;background: none;border: none;color: #f2f2f2;}
    .pagelist a[title~="previous"]{margin-left: 0.3em;}
    .pagelist a[title~="previous"],.pagelist a[title~="next"]{display: inline-block;flex-shrink: 0;}
    .pagelist a[title~="previous"]::after,.pagelist a[title~="next"]::after{content: "のページへ";}
}

/* clipアイコン */
.news_list li>div,.news_box dt{position: relative;}
.clip_icon{width: 28px;height: 30px; background: url(../img/icon_clip.png) no-repeat center / contain;cursor: pointer;position: absolute;top: 0;right: 0;}
.clip_icon.clip_on{background-image: url(../img/icon_clip2.png);}

.news_list li>div{padding-right: calc(30px + 1em);}
.news_list .clip_icon{top: 1em;right: 1em;}
.news_box dt{padding-right: 30px;}

.m_box{padding:20px;}



/* ---------------------------------------------
	生徒：登録情報
--------------------------------------------- */
.student_data dt{font-weight: bold;background: #ccc;font-size: 1em;max-width: 800px;padding: 0.5em 0.8em;margin: 1em 0;}
.student_data dd{padding: 0 0.5em;}


/* ---------------------------------------------
	初期登録画面
--------------------------------------------- */
.manual_list{background: #fff;border: 1px solid #ccc;padding: 1em;margin: 2em 0 3em;}
.manual_list dd{padding-left: 1em;margin-bottom: 1em;}
.manual_list dd:last-child{margin: 0;}
@media (max-width:767px){
    .manual_list{font-size: 0.875em;}
}

/* ---------------------------------------------
	メール登録マニュアル
--------------------------------------------- */
.manual_wrap{max-width: 480px;margin: 0 auto;}
.manual_wrap>p{margin-top: 2em;}
.manual_wrap .manual_img{text-align: center;}
.manual_wrap .manual_img img{width: 300px;}

/* ---------------------------------------------
	並び替えメニュー
--------------------------------------------- */

.sortlist li{margin-bottom: 1em;display: block;color: #7b7b7b;text-decoration: none;font-weight: bold;background: #fff;padding: 1em;border-radius: 14px;font-size: 1.2em;box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.sortlist span{display: inline-block;background: no-repeat top left / contain;padding: 0.5em 0;}