/*
 Theme Name:   HPS001-3f
 Template:     hps001
*/
@import url("sloftABase.css");
/*  */

/* 共通 */
/* コンテンツ部分文字サイズ */
#content{
	font-size:16px !important;
}

/* プリヘッダー色 *//* サブフッター色 */
#pre-header,#pre-header-search .search,#sub-footer {
    background-color: #ff6600 !important;  
    padding: 15px;
}

/*  プリヘッダー部リンク　*/
#pre-header .header-links > ul > li > a {
    display: inline-block;
}
#pre-header .header-links li a {
    text-align: center;
    font-weight: bold;/* 文字の太さ */
    color: #fff !important;/* 文字の色 */
    border: 2px solid #ffecef;/* ステッチの太さ・種類・カラー */
    background: #ff6600;/* 背景色 */
    border-radius: 2px;/* 四隅の丸み */
    box-shadow: 0 0 1px 1px #95c4c3;
    margin-left: 10px;
    padding: 10px 20px;
   
}
#pre-header .header-links li a, #pre-header-social li, #pre-header-social li a {
    font-size: 16px;
    font-weight: 300;
}
#pre-header li {
    float: right;
}
#pre-header .header-links li a {
    border: 0 solid #ffecef;/* ステッチの太さ・種類・カラー */
    box-shadow: 0 0 0 0 #95c4c3;
    display: block;
    margin-left: 0;
    padding: 5px 10px 0 10px;
    background: #ff6600;
}


/*　コピーライト文字色　*/
.copyright{
    color: #fff;  
}




/* ロゴ部バックグランド */
#header-core{
    background-color: #fff !important;      
}
/* ナビ部バックグランド */
#header-links{
    background-color: #ff6600 !important;      
}

/* ナビ部文字 */
#header2 .header-links li a, #header-sticky .header-links li a {
	color: #fff !important;
}
#header2 .header-links li a:hover, #header-sticky .header-links li a:hover {
	color: #fdd59b !important;
}
/* 現ページ */
#header2 .menu > li.menu-hover > a, #header2 .menu > li.current_page_item > a, #header2 .menu > li.current-menu-ancestor > a, #header2 .menu > li > a:hover, #header-sticky .menu > li.menu-hover > a, #header-sticky .menu > li.current_page_item > a, #header-sticky .menu > li.current-menu-ancestor > a, #header-sticky .menu > li > a:hover {
    color: #fdd59b !important;
}

/* ページタイトル */
#intro {
    text-align: center;
    padding: 50px 10px;
    background: #FBF2D6 !important;
}


/* フッター部 */
/* フッター全体のバックグラウンド  */
#footer{
    background-color: #ff6600 !important;
}
/* フッター全体の文字色  */
#footer-core {
    color: #fff !important;
}
/* フッター全体のリンク部分の文字色  */
#footer-core a{
    color: #fff !important;
}
/* フッター全体のリンクホバーの文字色  */
#footer-core a:hover{
    color: #fdd59b !important;
}
/* フッター全体のリンクホバーの文字色  */
#footer-core p {
    color: #fff !important;
}


/* body上下　空きなし */
body.layout-boxed, body.custom-background {
	padding: 0 !important;
}

/* body枠線　白 */
body.layout-boxed #body-core, body.custom-background #body-core {
    border: 1px solid #fff;
}

/* subfooter　／文字を消す */
#sub-footer, #sub-footer a {
    font-size: 12px;
}


/* hps001 */
/* 見出し ２*/
.hps001-mida2{
    display:block;
    overflow:hidden;
    width:auto;
    background-color: #ff6600;
    text-align: center;
    padding: 20px;
    color: #fff;
}
/* 見出し ３*/
.hps001-mida3{
    display:block;
    overflow:hidden;
    width:auto;
    /*background-color: #95c4c3;*/
    text-align: center;
    padding: 20px;
    color: #ff6600;
}

/* table 罫線 */
#main table,
#main th,
#main td {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/* 送信フォーム */
.text-busuu {
    width: 70px !important;
    margin-left: 10px;
}
.course-check input {
	width: auto;
}


@media only screen and (max-width: 768px){
	#logo {
		padding: 10px 20px !important;		
	}

	#header-responsive {
	    background: #ff6600 !important;
	}

	#header-responsive li a {
	    color: #fff !important;
	    border-bottom: 1px dotted #fff !important;
	}

	#logo img {
	    max-height: 60px !important;
	}


}