/* -- TOPページ　CMS埋め込み部分設定
------------------------------------------------------------- */

.top_cms_box01 {
	width:452px;
	background-color:#444;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	float:left;
	padding:20px 25px 25px;
	min-height:460px;
	
}
.top_cms_box02 {
	width:452px;
	background-color:#444;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	float:right;
    padding: 8px 25px 20px;
	min-height:460px;
}
.top_cms_title {
	font-size:14px;
	font-weight:600;
	background-image: url(../images/top_cms_title.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	background-position:left  bottom;
	padding:0 0 15px 0 ;
}
.top_cms_archive a {
	float:right;
	font-size:10px;
	color:#FFF;
	width:100px;
	padding-top:5px;
	text-align:right;
}
.top_cms_archive.two_line {
	margin-bottom:-8px;
	padding-top:4px;
}
.top_cms_archive.two_line a {
	float:right;
	font-size:10px;
	line-height:12px;
	color:#FFF;
	width:160px;
	padding-top:0;
	text-align:right;
}

.top_cms_block {
	border-bottom:1px solid #FFF;
	color:#FFF;
	font-size:11px;
	line-height:1.4em;
	min-height:65px;
}
.top_cms_block a {
	padding:10px 4px 16px 4px;
	color:#FFF;
	font-size:13px;
	line-height:1.3em;
	min-height:70px;
	display:block;
	
}
.top_cms_block a:hover {
	background-color:#666;
	opacity:1;
}
.top_cms_date {
	line-height:15px;
	padding-bottom:8px;
	font-size:12px;
}
.top_cms_icon{
	padding:0 15px 0 40px;
	width:80px;
	height:15px;
	line-height:15px;
	background-repeat:no-repeat;
	background-position:center 3px;
	display: inline-block;
}

.top_cms_icon.klasreport_news{ background-image:url(../images/icon01.png);}
.top_cms_icon.klasreport_event{ background-image:url(../images/icon02.png);}
.top_cms_icon.klasblog_message{ background-image:url(../images/icon03.png);}
.top_cms_icon.klasblog_teachers{ background-image:url(../images/icon04.png);}
.top_cms_icon.klasblog_housediary{ background-image:url(../images/icon05.png);}


.top_cms_iconnew{
	padding:0 5px;
}
.top_cms_image {
	width:70px;
	height:60px;
	overflow:hidden;
	float:left;
	margin:4px 20px -4px 0;
}
.top_cms_image img {
	width:auto;
	height:100%;
}
.top_cms_block a:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}


.mobile_cms_archive a {
	display:none;
}




/* -- CMS投稿記事表示  設定
------------------------------------------------------------- */
.cms_single {
	min-height:400px;
}
.cms_single_date {
	font-size:13px;
	color:#444;
	padding:10px 20px 15px 20px ;
}
a.cms_catlink {
	padding-left:15px;
}

.cms_content {
	padding:0 20px ;
	line-height:1.9em;
	letter-spacing:1px;
	font-size:12px;
	color:#333;
}
	
	
a.cms_postimg {
	width:40%;
	margin:30px 10px;
	overflow:hidden;
	border:7px solid #FFF;
	-webkit-box-shadow: 1px 1px 5px #CCC; /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 5px  #CCC; /* Firefox用 */
	box-shadow: 1px 1px 5px  #CCC; /* CSS3 */
	display:block;
}

.klasblog_teachers a.cms_postimg {
	width:15%;
}
.cms_postimg img {
	width:100%;
}


.cms_footer {
	width:100%;
	padding:20px;
	border-top:1px solid #444;
}
.cms_prev a {
	float:left;
	padding-left:10px;
	color:#888;
}

.cms_next a {
	float:right;
	padding-right:10px;
	color:#888;
}

.mobile_prev,.mobile_next {
	display:none;
}



.cms_prev a:hover,.cms_next a:hover {
	color:#444;
}

/* -- CMS HEADLINE 投稿記事表示  設定
------------------------------------------------------------- */


h1.news_headline_title {
	background: none;
	height:auto;
	line-height:1.8em;
	color:#c32332;
	font-weight:500;
	font-size:25px;
	border-bottom:3px solid #c32332;
	border-radius:0;        /* CSS3草案 */  
    -webkit-border-radius:0;    /* Safari,Google Chrome用 */  
    -moz-border-radius:0;   /* Firefox用 */
}
.cms_headline_content {
	font-size:18px;
	font-weight:500;
	padding:0 20px ;
	line-height:2.2em;
}
/* -- CMS投稿記事  アーカイブ 設定
------------------------------------------------------------- */

.cms_archive_box {
	width:100%;
}
.cms_archive_box a {
	width:100%;
	display:block;
	border-bottom:1px solid #BBB;
	padding:5px 5px 15px 20px;
}

.cms_archive_box a:hover {
	display:block;
	background-color:rgba(195,35,50,.1);
}


.cms_archive_date {
	font-size:12px;
	color:#888;
}

.cms_archive_date span {
	font-size:12px;
	color:rgba(195,35,50,.7);
	padding-left:15px;
}

.cms_archive_date .cms_new {
	float:right;
}

.cms_archive_title {
	font-size:17px;
	padding:8px 0;
	color:#444;
}

.cms_page_navi {
	width:100%;
	padding-left:30%;
}
/* -- ウィジェット設定
------------------------------------------------------------- */


.cms_left_box {
	float:left;
	max-width:27%;
	margin:0 1% 0 0;
	padding:15px;
	background-color:#FFF;
	border:1px solid #AAA;
	
}

.cms_archive {
	float:right;
	width:70%;
	margin-bottom:30px;
}


h2.widgettitle {
	font-size:15px;
	background-image:none;
	border-bottom:1px solid #CCC;
	margin:5px 0 15px 0;
}

.cms_left_box ul li {
	margin-bottom:50px;
	letter-spacing:.05em;
}
.cms_left_box ul li ul li {
	line-height:1.6em;
	padding:0 8px ;
	margin-bottom:15px;
}
.cms_left_box ul li ul li a {
	letter-spacing:.1em;
	font-size:13px;
}

.cms_left_box ul li ul li .children li {
	padding:0 5px 0 20px ;
	margin-bottom:5px;
	line-height:1.3em;
}
.widget_wp-category-archive {
	border-bottom:1px solid #CCC;
	padding-bottom: 8px;
	margin-bottom:20px;
}

li.widget_search {
	background-color:#DDD;
	padding:8px;
	border:1px solid #CCC;
}

/* -- 固定ページ設定　年間行事 
------------------------------------------------------------- */

.eventpop_image {
	width:40%;
	margin:3px 20px 20px 0;
}


/* --  WordPress WP-pagenavi CSS 
------------------------------------------------------------- */


div.pagenavi {
    width: 100%;
    margin: 2em 0;
    padding: .8em 3px;
    border-top: 1px solid  #BBB;
}
 
.wp-pagenavi {
    clear: both;
}
 
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BBB;
    padding: 5px 7px;
    margin: 3px;
	font-size:12px;
    color: #444;
}
 
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color:#EEE;
    border-color: #BBB;
}
 
.wp-pagenavi span.current {
    color: #444;
}




.top_wp div.pagenavi {
    width: 600px;
    margin: 2em 0;
    padding: .8em 3px;

}
 
.top_wp .wp-pagenavi {
    clear: both;
}
 
.top_wp .wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BBB;
    padding: 5px 7px;
    margin: 3px;
	font-size:12px;
    color: #444;
}
 
.top_wp .wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color:#EEE;
    border-color: #888;
}
 
.top_wp .wp-pagenavi span.current {
    color: #444;
}

/* -- Media query	801px以下の場合 タブレット用設定（微調整のみ）
------------------------------------------------------------- */

@media screen and (max-width: 801px ) and (min-width: 701px ) {

.cms_left_box {
	float:left;
	max-width:30%;
	margin:0 1% 0 0;
	padding:15px;
	background-color:#FFF;
	border:1px solid #AAA;
	
}
.cms_archive {
	float:right;
	width:69%;
	margin-bottom:30px;
}
.widget_search label {
	text-align:left;
	width:15px;
	display:none;
}

}

/* -- Media query	480px以下の場合 スマートフォン用設定
------------------------------------------------------------- */
@media screen and (max-width: 700px) {

.top_cms_box01 {
	width:100%;
	background: none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	float: none;
	padding: 0;
	min-height:50px;
	
}
.top_cms_box02 {
	width:100%;
	background: none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	float: none;
	padding: 0;
	min-height:50px;
}
.top_cms_title {
	width:100%;
	height:28px;
	padding:4px 20px;
	background:none;
	background-color:#444;
	color:#FFF;
	
	
	font-size:14px;
	font-weight:600;
}
.top_cms_archive a {
	display:none;
}
.top_cms_block {
	margin: 0;
	padding: 0 ;
	border-bottom:2px solid #444;
	color:#444;
	font-size:12px;
	line-height:1.5em;
	min-height:80px;
}
.top_cms_date{
	color:#444;
	font-size:11px;
}


.mobile_cms_archive a {
	display:block;
	background-image:url(../images/mobile_pickup_back.jpg);
	background-position:right center;
	padding:10px 10px;
	width:100%;
	color:#FFF;
	font-size:14px;
	font-weight:600;
	text-align:center;
	margin:5px 0 25px 0;
}



.top_cms_block a {
	padding:0;
	color:#444;
	font-size:13px;
	line-height:1.3em;
	min-height:70px;
	display:block;
	padding:16px 20px 20px 20px;
	
}
.top_cms_icon{
	background-position:center 3px;
	display: inline-block;
}
.top_cms_icon.klasblog_message{ background-image:url(../images/icon03_b.png);}
.top_cms_icon.klasblog_teachers{ background-image:url(../images/icon04_b.png);}
.top_cms_icon.klasblog_housediary{ background-image:url(../images/icon05_b.png);}

.top_cms_block a:hover {
	background-color:#EEE;
	opacity:.9;
}

.mobile_prev {
	float:left;
	display:block;
}
.mobile_next {
	float:right;
	display:block;
}

.cms_prev,.cms_next {
	display:none;
}


.cms_page_navi {
	width:100%;
	padding:0;
}

.cms_left_box {
	float:none;
	display:none;	
}

.cms_archive {
	float:none;
	width:100%;
}

.cms_archive_box a {
	width:100%;
	display:block;
	border-bottom:1px solid #BBB;
	padding:5px 20px 15px 20px;
}


}