/* style.css */


/*スマホ時デバッグツール非表示*/
@media screen and (max-width: 768px) {
	#debug-kit-toolbar{
		display: none;
	}
}

/************************************************************************************


木更津総合高等学校


************************************************************************************/

body{
    font-size: 16px;
    line-height: 1.7;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    background-color: #fff;
}


a{
	color:#993333;
}

a:hover{
	color:#993333;
	text-decoration: underline;
}

a img:hover{
	opacity: 0.8;
}


.img-responsive.nc3-img:not(.center-block) {
    margin: 0;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #b96867;
    border-color: #b96867;
}

/* スマートフォンの長押しで保存を禁止 */
img {
    -webkit-touch-callout: none;
}

/************************************************************************************
 ログインメニュー非表示
************************************************************************************/
body.body-nologgedin #nc-system-header{
	display: none;
}

body.body-loggedin{
	padding-top: 60px;
}

/************************************************************************************
 ログイン時　フレーム強調
************************************************************************************/
body.body-loggedin .frame{
	border: 2px dotted #ff7d06;
}

/************************************************************************************
 ヘッダー
************************************************************************************/

#container-header .panel-none > .panel-body {
    padding: 0;
}

.toplogo{
	text-align: center;
	padding: 10px 0 0;
}

@media screen and (max-width: 767px) {
	.toplogo{
		width: 80vw;
		max-width: 300px;
	}
	.toplogo img{
		margin: 0 8px 8px !important;
	}

}

@media screen and (min-width: 768px) {

}

/************************************************************************************
 ナビゲーションメニュー
************************************************************************************/
.menu-header-tabs > li.active,
.menu-header-tabs > li:not(.active){
    border: none;
	background-color: #fff;
}

.menu-header-tabs > li.active {
    border-bottom: 3px solid #933;
}

.menu-header-tabs > li a{
	color: #333;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.6;
}

.menu-header-tabs > li a .caret {
	display: none;
}

.menu-header-tabs > li#menus-6-18{
	background-color: #1251ad;
}
.menu-header-tabs > li#menus-6-18 a{
	word-break: keep-all;
	color: #fff;
}

.menu-header-tabs > li#menus-6-18:hover{
	background-color: #71a1e6;
}

.menu-header-tabs > li{
    border-radius: 0 !important;
}

.menu-header ul.nav-tabs{
    margin-bottom: 40px;
	border-bottom: 1px solid #993333;
}

.menu-tree-1 {
    margin-left: 0;
}


.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #e17d78;
    border-color: #e17d78;
}

.list-group-item > span.pull-left {
    max-width: 95%;
}

@media screen and (max-width: 767px) {
	
	.navbar-default .navbar-toggle .icon-bar {
    	background-color: #fff;
	}
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle{
    	background-color:transparent;
	}

	div#box-17 section.frame.panel-none.nc-content-list.plugin-menus,
	div#box-17 section.frame.panel-none.nc-content.plugin-menus{
		position: absolute;
		top: 0;
		right: 0;
		width: 100vw;
		z-index: 9999;
	}
	
	.navbar-toggle:hover, .navbar-default .navbar-toggle {
	    background-color: #973a3a;
	}
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle {
	    background-color: #973a3a !important;
	}
	
	.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
		background-color: #973a3a;
		border-color: #973a3a;
	}
	
	.plugin-menus .menu-header.navbar-default .navbar-toggle {
		margin:12px 5px 0 0;

	}
}


@media screen and (min-width: 768px) {


}


/* 永原 */
.nav > li > a {
	padding: 10px 13px;
}



/************************************************************************************
 ページデザイン共通
************************************************************************************/

h1.pageTitle,
h1.blogs_blogTitle{
     position: relative;
     padding-bottom: 0.5em;
     border-bottom: 4px solid #DDD;
	 font-size: 28px;
	 margin-bottom: 25px;
}
 
h1.pageTitle::after,
h1.blogs_blogTitle::after{
     position: absolute;
     content: " ";
     border-bottom: 4px solid #993333;
     bottom: -4px;
     width:12%;
     display: block;
}

h2.md,
h2.blogs_entry_title{
	font-size: 20px;
	border-left: 6px solid #993333;
	padding-left: 12px;
	margin-bottom: 15px;
}

h3.md{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted #333;
	padding: 3px 0 6px;
}

h4{
	font-weight: bold;
}

.clm01{
	margin: 20px auto;
	padding: 20px 15px;
	background-color: #f0f0e7;
	border-radius: 8px;
}

.clm02{
	margin: 20px auto;
	padding: 20px 15px;
	background-color: #DEF2EB;
	border-radius: 8px;
}

ol.clm01{
	padding: 20px 15px 20px 30px;
}

ol.clm01 li{
	margin-bottom: 0.5em;
}

.cap{
	margin: -5px auto 5px;
	font-size: 14px;
	text-align: center;
}

.panel-body .row{
	margin-right: 0;
	margin-left: 0;
}

.note{
	margin: 10px auto;
	font-size: 14px;
}

.atten{
	color: #DD2023;
}


.getacro{
	margin: 20px auto 10px;
	overflow: hidden;
}

.getacro .icon{
	float: left;
	padding-right: 15px;
}

.getacro .icon img{
	margin: 0 !important;
}

.getacro .text{
	font-size: 13px;
	line-height: 1.4;
}

table{
	width: 100%;
}

table th,
table td{
	border: 1px solid #ccc;
	padding: 5px;
	font-weight: normal;
}

table th{
	text-align: center;
	background-color: #EBEBEB;
}

table.list tr:nth-child(even){
	background-color: #EFEFEF;
}


.linkBtn a{
	display: inline-block;
	color: #fff;
	background-color: #E47B1F;
	text-align: center;
	padding: 5px 7px;
	text-decoration: none;
	border-radius: 7px;
	margin: 5px 0;
}

.linkBtn a:hover{
	background-color:#ECB463;
}

.linkBtnPdf a{
	display: inline-block;
	color: #fff;
	background: #E47B1F url(../img/pdfbtn_icon.png) no-repeat;
	background-position: 7px 7px;
	text-align: center;
	padding: 5px 7px 5px 30px;
	text-decoration: none;
	border-radius: 7px;
	margin: 5px 0;
}

.linkBtnPdf a:hover{
	background: #ECB463 url(../img/pdfbtn_icon.png) no-repeat;
	background-position: 7px 7px;
}

.linkBtnXls a{
	display: inline-block;
	color: #fff;
	background: #E47B1F url(../img/xls_icon.png) no-repeat;
	background-position: 7px 7px;
	text-align: center;
	padding: 5px 7px 5px 30px;
	text-decoration: none;
	border-radius: 7px;
	margin: 5px 0;
}

.linkBtnXls a:hover{
	background: #ECB463 url(../img/xls_icon.png) no-repeat;
	background-position: 7px 7px;
}

.linkBtnOut a{
	display: inline-block;
	color: #fff;
	background: #E47B1F url(../img/outbtn_icon.png) no-repeat;
	background-position: 8px 8px;
	text-align: center;
	padding: 5px 7px 5px 30px;
	text-decoration: none;
	border-radius: 7px;
	margin: 5px 0;
}

ul.dl{
	overflow: hidden;
	margin: 30px auto;
}
ul.dl li{
	padding-left: 30px;
	list-style: none;
	width: 300px;
	margin-bottom: 10px;
	float: left;
}

ul.dl li.pdf{
	background: url(../img/pdf_icon.png) 0 0 no-repeat;
}

ul.dl li.doc{
	background: url(../img/doc_icon.png) 0 0 no-repeat;
}

ul.dl li.xls{
	background: url(../img/xls_icon.png) 0 0 no-repeat;
}

.linkBtnOut a:hover{
	background: #E47B1F url(../img/outbtn_icon.png) no-repeat;
	background-position: 8px 8px;
}

.linkList{
	overflow: hidden;
	margin: 30px 0;
}

.linkList li{
	width: 240px;
	float: left;
	list-style: none;
}

.linkList li a{
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 25px;
	background: url(../img/nav_arrow01.png) 0 6px no-repeat;
}

.txtList{
	overflow: hidden;
	margin: 30px 0;
}

.txtList li{
	width: 240px;
	float: left;
	list-style: disc;
}

.fig{
	text-align: center;
}

.pdfdl{
	text-align: center;
}

.pdfdl a:after {
    content:" ";
    display: inline-block;
	vertical-align: middle;
    width: 32px;
    height: 32px;
    background: url(../img/pdf_icon.png) no-repeat;
}

.plugin-blogs .panel-body img{
	margin: 5px !important;
}
.mb60{
	margin: 0 0 60px 0;
}

.mb40{
	margin: 0 0 40px 0 !important;
}

.mb30{
	margin: 0 0 30px 0;
}

.mb20{
	margin: 0 0 20px 0;
}

.mt60{
	margin: 60px 0  0;
}

.mt40{
	margin: 40px 0  0 !important;
}

.mt30{
	margin: 30px 0 0;
}

.mt20{
	margin: 20px 0 0;
}

.center{
	text-align: center;
}
.text_l {
text-align: left;
}

.text_r {
text-align: right;
}

.text_c {
text-align: center;
}

.red {
color: #cc0000;
}



@media screen and (max-width: 767px) {
	.container{
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	#container-main{
		margin: 0 15px 30px;
	}
	h1.pageTitle,
	h1.blogs_blogTitle{
		 font-size: 24px;
	}
}

@media screen and (min-width: 768px) {
	.container{
		width: 100vw;
		padding-right: 0;
		padding-left: 0;
	}
	#container-main{
		margin: 30px 20px;
	}

}

@media screen and (min-width: 992px) {
	.container {
		width: 970px;
		padding-right: 15px;
		padding-left: 15px;
	}
	#container-main{
		margin: 0;
	}

}

@media screen and (min-width: 1200px) {
	.container {
		width: 1170px;
	}
	#container-main{
		margin: 0;
	}
}

/************************************************************************************
5分割クラス追加
************************************************************************************/
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-2-5 {
        width: 40%;
        float: left;
    }
    .col-sm-3-5 {
        width: 60%;
        float: left;
    }
    .col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}   



/************************************************************************************
 ページトップ
************************************************************************************/
#page-top{
	width:72px;
	height: 72px;
	position: fixed;
	z-index: 200;
	bottom: 30px;
	right: 30px;
	background: url(../img/pageptop.png)center center;
	background-size: cover;
}

#page-top:hover{
	cursor: pointer;
}

@media screen and (max-width: 470px) {
	#page-top{
		width: 16vw;
		height: 16vw;
		bottom: 5vw;
		right: 3vw;
	}
}


/************************************************************************************
 フッター
************************************************************************************/


.footer{
	background-color: #993333;
	overflow: hidden;
	padding: 20px;
	margin-top: 30px;
}

.footer .ftlinks{
	float: right;
}

.footer .ftlinks li{
	list-style: none;
	float: left;
	margin-left: 15px;
}

.footer .ftlinks li a{
	color: #fff;
	font-size: 13px;
}

.footer .address{
	float: left;
}

.footer .address p{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}

.footer .address p span{
	padding-left: 10px;
	font-size: 13px;
	font-weight: normal;
}

.footer .address p.copyright{
	font-size: 12px;
	font-weight: normal;
}



/************************************************************************************
 トップページ
************************************************************************************/

/*メインビジュアル位置調整*/
#frame-163, #frame-524{
	margin-top: -10px;
}

#frame-163 .carousel-indicators,
#frame-524 .carousel-indicators{
	display: none;
}

#frame-163 .carousel-inner,
#frame-524 .carousel-inner{
	z-index: -100;
}

#frame-12{
	background-color: #eee;
	text-align: center;
	padding: 15px 0 0;
	margin-top: -15px;
}

#frame-13,
#frame-164,
#frame-524{
	margin-top: 30px;
}

/************************************************************************************
 トップページ
************************************************************************************/
#box-16{
	margin: 0;
}

.body-nologgedin #frame-11{
	margin-top: -350px;
}

.courseBannerTop{
	background: url(../img/top_ban_bk.png) 0 0 no-repeat;
	padding: 270px 15px 30px;
}

.courseBannerTop div{
	text-align: center;
	margin-bottom: 15px;
}

.courseBannerTop div a{
	font-weight: bold;
	color: #fff;
}

.courseBannerTop div a:hover{
	text-decoration: none;
}

.bannerTop img{
	margin: 5px !important;
}

#frame-164 .form-group{
	display: none;
}

.courseBannerTop div.newsJump{
	margin-bottom: 40px;
}

.courseBannerTop div.newsJump a{
	display: block;
	border: 1px solid #fff;
	padding: 10px 15px;
	width: 300px;
	margin: 0 auto;
}

.courseBannerTop div.newsJump a:hover{
	background-color: rgba(255,255,255,0.50);
}

@media screen and (max-width: 768px) {
	
	.body-nologgedin #frame-11 {
	    margin-top: -120px;
	}
	.courseBannerTop{
		padding: 240px 30px 50px 0;
		background-size: cover;
	}
	
	#box-16{
	margin: 0 -15px;
	}
	
	.courseBannerTop div a{
	font-size: 14px;
	}
	
	.courseBannerTop div.newsJump{
	margin-bottom: 20px;
	}
	
	.courseBannerTop div.newsJump a{
	font-size: 16px;
	}	
}

@media screen and (max-width: 480px) {
	.courseBannerTop {
		padding: 120px 0 50px 0;
	}
	.courseBannerTop div a{
		font-size: 13px;
		font-weight: normal;
	}

}

/************************************************************************************
 お知らせ（ブログ）
************************************************************************************/
.blogEntries{
	padding: 0 70px;
}

body.body-nologgedin .blogs_navigation_header .pull-left{
	float: right !important;
}

@media screen and (max-width: 768px) {
	
	.blogEntries{
	padding: 0 15px;
	}

}



/************************************************************************************
 学校の特色
************************************************************************************/
.courseBanner{
	margin-bottom: 50px;
}

.courseBanner div{
	text-align: center;
}

/************************************************************************************
 コース紹介
************************************************************************************/
.course{
	margin-bottom: 30px;
}

.course .mv{
	margin-bottom: 30px;
}

.course dd{
	margin: 0 0 20px 20px;
}

.course td{
	text-align: center;
}

.course td.Txt-L{
	text-align: left;
}

.course .Bg01{
	background-color: #A2D1F8;
}

.course .Bg02{
	background-color: #BCDDA9;
}

.course .Bg03{
	background-color:#F1C8A4;
}

.course .course_sentaku{
	background-color:#D4EFC7;
}

.course .sogo_sentaku{
	background-color:#FFCB91;
}

.ex{
	margin: 10px 0;
	line-height: 1;
}

.ex div{
	display: inline-block;
	margin-right: 5px;
	height: 18px;
	width: 30px;
}

.ex .course_sentaku{
	background-color:#D4EFC7;
}

.ex .sogo_sentaku{
	background-color:#FFCB91;
}

.courseClm01{
	margin: 20px auto 40px;
	border: 8px solid #f2f0ea;
	padding: 15px;
}

.courseClm01 h3{
	font-weight: bold;
	color: #333;
	margin: 0 auto 20px;
	font-size: 20px;
}

.courseClm02{
	margin: 35px auto;
	border: 2px solid #e68888;
	border-radius: 5px;
	padding: 15px;
	background-color: #faf6f0;
}

.courseClm02 h3{
	font-weight: bold;
	color: #e68888;
	margin: 0 auto 10px;
	font-size: 20px;
	background: url(../img/fukidashi.png) 0 0 no-repeat;
	padding: 0 0 0 40px;
}


/************************************************************************************
 アクセスマップ
************************************************************************************/

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/************************************************************************************
 スクールバスダイヤ
************************************************************************************/
.schedule tr:nth-child(even){
	background-color: #E0F2F9;
}


/************************************************************************************
 年間予定
************************************************************************************/
.schedule h3{
	background-color: #c6ba8b;
	font-size: 16px;
	text-align: center;
	padding: 5px 0;
	color: #fff;
}

.schedule li span{
	font-size: 13px;
	line-height: 1.2;
}

.schedule .ph{
	text-align: center;
	font-size: 12px;
}

.schedule .kouki{
	margin-top: 50px;
}

.schedule .kouki h3{
	background-color:#a88fcc;
}

.schedule .clm01 div{
	text-align: center;
}

.schedule .clm01 div img{
	margin: 0 0 7px 0 !important;
}

/************************************************************************************
 部活動
************************************************************************************/
.club ul.linkList{
	margin: 20px 0;
}

.club img{
	margin: 0 3px !important;
}


/************************************************************************************
 進路指導
************************************************************************************/
.guidance .resultsBan{
	width: 300px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	padding: 12px;
	background-color: #f5c76b;
	text-align: center;
	border: 5px solid #e99537;
}

.guidance .resultsBan strong{
	font-size: 38px;
}

.resultsList{
	margin-top: 40px;
}

.resultsList dl,
.resultsList p{
	padding: 18px;
	background-color: #fff;
	border-radius: 5px;
}

.resultsList dl dd{
	margin-bottom: 10px;
}

.guidance img{
	margin: 0 3px !important;
}

.guidance h2{
	margin-bottom: 10px !important;
}


/************************************************************************************
 説明会・体験入学
************************************************************************************/

.explanation p strong{
	color: #C31E21;
}

.explanation dl{
	margin: 10px 20px;
}

.explanation dl dd{
	margin: 10px 20px;
}