@charset "utf-8";
/* CSS Document */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
           小林高校 スタイルシート
:::::::::::::::::::::::::::::::::::::::::::::::::: */

#SchoolHiKobayashi {
max-width: 970px;
width: 100%;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
margin: 0 auto;
padding: 15px 1.1%;
}





#SchoolHiKobayashi #content {
}

#SchoolHiKobayashi .checkFrame {
	/*border: solid 1px #000;*/
}

.marginLeftM5 {
	margin-left:-5%;
}

/*** 背景画像 ***/
#content .bgImage {
	background-image:url(../../img/subpage/school/kobayashihs/kobayashihs_bgRainbow.png);
	background-repeat: no-repeat;
	background-position: right 30px top 380px;

}


/*** ロゴ + イラスト ***/
#SchoolHiKobayashi .logo {
	width:100%;
	margin:-15px 0 40px 0;
}

#SchoolHiKobayashi .logo img{
	width:100%;
}

#SchoolHiKobayashi .logo-sideIllust {
	max-width:307px;
	margin:-40% 0 0 60%;
	display:block;
}

#SchoolHiKobayashi .underHi {
	margin:250px 0 0 0;
}

#SchoolHiKobayashi .logo-sideIllust img {
	width:81%;
	/* box-shadow:8px 8px 15px rgba(0,0,0,0.1); */
}

#SchoolHiKobayashi .kobakoLogo-sideIllust img{
	max-width:100%;
}

/*** 学校案内 + フォトライブラリー ***/
#SchoolHiKobayashi .topSpace {
	margin-top:0px !important;
}

#SchoolHiKobayashi .new_book img {
	border:solid 1px #ddd;
	width:100%;
	box-shadow:0px 0px 6px 3px rgba(113, 135, 164, 0.15);
}

#SchoolHiKobayashi .kobakoFotoLib a:hover {
	opacity:1.0;
}

.kobakoGuide {
	width:25%;
	height:346px;
	float:left;
}

#SchoolHiKobayashi .new_book{
	max-width: 41% !important;
	margin:3% 0px 0px;
	width:25%;
}

#SchoolHiKobayashi .new_book .book_ttl {
	margin-top:10px;
    width: 80%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#SchoolHiKobayashi .contentText {
	font-size:90%;
	line-height:150%;
}

#SchoolHiKobayashi .contentText_S {
	font-size:80%;
	line-height:150%;
}

#SchoolHiKobayashi .floatLeft {
	float:left;
}

#SchoolHiKobayashi .kobakoFotoLib {
	max-width:70%;
	float:right;
}

#SchoolHiKobayashi .kobakoFotoLibElem_A img {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoFotoLibElem_B img {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoFotoLibElem_C img {
	max-width:100%;
}

/*** コース案内 ***/

#SchoolHiKobayashi .picup_contents h2 {
	padding:0px 0px 3px;
}

#SchoolHiKobayashi .picup_contents .clearfix h2 {
	margin:10px 0;
}

#SchoolHiKobayashi .picup_contents {
	display:block;
	width:100%;
	padding:3% 0px 0px;
}

#SchoolHiKobayashi .overflowhidden {
	overflow:hidden;
}

#SchoolHiKobayashi .centerSpace {
	margin: 0 2%;
}

#SchoolHiKobayashi .centerSpace4Box {
	margin: 0 11.5%;
}

#SchoolHiKobayashi .kobayashihs .addLeftSpace_1,
#SchoolHiKobayashi .kobayashihs .addLeftSpace_2,
#SchoolHiKobayashi .kobayashihs .addLeftSpace_3,
#SchoolHiKobayashi .kobayashihs .addLeftSpace_5,
#SchoolHiKobayashi .kobayashihs .addLeftSpace_6,
#SchoolHiKobayashi .kobayashihs .addLeftSpace_7 {
	margin-left: 2% !important;
	margin-right: 0px !important;
}

#SchoolHiKobayashi .kobakoCourseBtn {
	max-width:32%;
	display:block;
	float:left;
}

#SchoolHiKobayashi .kobakoCourseBtn a {
	display:block;
	width:100%;
	height:100%;
}

#SchoolHiKobayashi .kobakoCourseBtn .kobakoWrap{
    width:100%;
    height:50px;
    margin:0px;
    overflow:hidden;
    position:relative;
}

#SchoolHiKobayashi .kobakoCourseBtn .kobakoWrap a img {
    border:none;
    position:absolute;
    top:0px;
    left:0px;
    height:150px;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#SchoolHiKobayashi .kobakoCourseBtn .number_right {
	float:left;
	width:90%;
}

#SchoolHiKobayashi.school .logo .kobayashihs{
	width:505px;
	height:auto;
	float:left;
}

/*** コバ高通信バックナンバー ***/
#SchoolHiKobayashi .kobakoBacknumber {
	margin:6% 0px 6% 0px;
}

#SchoolHiKobayashi .smpKobaTsuHeader p {
	display:none;
}

#SchoolHiKobayashi .kobakoBacknumber_left {
	float:left;
	max-width:29%;
	margin-left:8%;
}

#SchoolHiKobayashi .kobakoBacknumber_title ,.kobakoSofu_title {
	max-width:50%;
	margin: auto;
	padding-top: 20px 0;
}


#SchoolHiKobayashi .kobakoSofu_left {
	float:left;
	max-width:29%;
	margin-left:8%;
}

#SchoolHiKobayashi .kobakoBacknumber_left img {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoBacknumber_title img ,.kobakoSofu_title img {
	max-width:100%;
}
#SchoolHiKobayashi .kobakoSofu_left img {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoBacknumber_header {
	display:none;
}

#SchoolHiKobayashi .kobakoSofu_header {
	display:none;
}

#SchoolHiKobayashi .kobakoBacknumber_right {
	background-repeat: no-repeat;
	background-size:400px;
	background-position:100% 100%;
	float:right;
	width:52%;
	margin-top:2%;
	margin-right:7.5%;
	margin-left:0;
}

#SchoolHiKobayashi .kobakoBacknumber_book {
	width:93%;
	margin:20px 0 0 0;
}

#SchoolHiKobayashi .kobakoSofu_right {
	background-repeat: no-repeat;
	background-size:400px;
	background-position:100% 100%;
	float:right;
	width:52%;
	margin-top:2%;
	margin-right:7.5%;
	margin-left:0;
}

#SchoolHiKobayashi .kobakoSofu_book {
	background-repeat: no-repeat;
	background-size:400px;
	background-position:100% 100%;
	width:93%;
	margin:20px 0 0 0;
}


#SchoolHiKobayashi .addBtmSpace {
	padding-bottom:10px;
}


#SchoolHiKobayashi .book_cover{
	float:left;
	margin:0 0% 2% 1.75%;
	width:12.5%;
}

#SchoolHiKobayashi .book_cover img{
	border:solid 1px #ddd;
	width:100%;
	margin:0px;
}

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

/*** 背景画像 ***/
#content .bgImage {
	background-position: right 30px top 340px;
	background-size:50% 50%;
}

#SchoolHiKobayashi {
	max-width: 768px;
	width: 97.8%;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
	margin: 0 auto;
	padding: 1.1% 1.1% 0 1.1%;
}

/*** ロゴ + イラスト ***/
#SchoolHiKobayashi .logo {
	width:100%;
	margin:-8px 0 1em 0;
}

#SchoolHiKobayashi .logo img{
	max-width:100%;
}

#SchoolHiKobayashi .logo-sideIllust {
	width:30%;
	margin:-44% 0 0 60%;
}

#SchoolHiKobayashi .logo-sideIllust img{
	width:100%;
}

.underHi {
	margin:110px 0 0 0;
}


#SchoolHiKobayashi .centerSpace {
	margin: 0 2%;
}

#SchoolHiKobayashi .centerSpace4Box {
	margin: 0px 7%;
}

#SchoolHiKobayashi .kobakoFotoLib a:hover {
	opacity:1.0;
}

#SchoolHiKobayashi .addLeftSpace_1,
#SchoolHiKobayashi .addLeftSpace_2,
#SchoolHiKobayashi .addLeftSpace_3,
#SchoolHiKobayashi .addLeftSpace_5,
#SchoolHiKobayashi .addLeftSpace_6 {
	margin-left: 3% !important;
	margin-right: 0px !important;
}

#SchoolHiKobayashi .kobakoFotoLib {
	max-width:70%;
	float:left;
	position:relative;
}

#SchoolHiKobayashi .kobakoFotoLib img {
	max-width:100%;
}

#SchoolHiKobayashi .picup_contents {
	display:block;
	width:100%;
}

#SchoolHiKobayashi .kobakoCourseBtn {
	max-width:32%;
	display:block;
	float:left;
}

#SchoolHiKobayashi .kobakoCourseBtn a {
	display:block;
	width:100%;
	height:100%;
}

#SchoolHiKobayashi .kobakoCourseBtn img {
	max-width:100%;
}

#SchoolHiKobayashi .smpKobaTsuHeader p{
	display:none;
}

#SchoolHiKobayashi .kobakoBacknumber_left {
	float:left;
	max-width:29%;
	margin-left:8%;
}

#SchoolHiKobayashi .kobakoBacknumber_title ,.kobakoSofu_title{
	float:left;
	max-width:50%;
	margin:6% 0 3% 25%;
}

#SchoolHiKobayashi .kobakoSofu_left {
	float:left;
	max-width:50%;
	margin-left:8%;
}

#SchoolHiKobayashi .kobakoBacknumber_left img {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoBacknumber_title img ,.kobakoSofu_title img{
	max-width:100%;
}

#SchoolHiKobayashi .kobakoSofu_left img {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoBacknumber_header {
	display:none;
}

#SchoolHiKobayashi .kobakoSofu_header {
	display:none;
}

#SchoolHiKobayashi .kobakoBacknumber_right {
	/*background-image:url(../img/subpage/school/kobayashihs/kobayashihs_kobakoBnGirl_anim_on.gif);*/
	background-repeat: no-repeat;
	background-size:275px;
	background-position:100% 100%;
	float:right;
	width:55%;
	margin-top:2%;
	margin-right:8%;
	margin-left:0;
}

#SchoolHiKobayashi .kobakoBacknumber_book {
	/*background-image:url(../img/subpage/school/kobayashihs/kobayashihs_kobakoBnGirl_anim_on.gif);*/
	background-repeat: no-repeat;
	background-size:275px;
	background-position:100% 100%;
	width:55%;
	margin:10px auto;
}

#SchoolHiKobayashi .kobakoSofu_right {
	background-repeat: no-repeat;
	background-size:275px;
	background-position:100% 100%;
	float:right;
	width:55%;
	margin-top:2%;
	margin-right:8%;
	margin-left:0;
}

#SchoolHiKobayashi .kobakoSofu_book {
	background-repeat: no-repeat;
	background-size:275px;
	background-position:100% 100%;
	width:55%;
	margin:10px auto;
}

#SchoolHiKobayashi .picup_contents img {
	max-width:100%;
}

#SchoolHiKobayashi .book_cover{
	float:left;
	margin:0 2% 2% 1px;
	width:22%;
}

}

@media screen and (max-width: 667px) {

#content .bgImage {
	background-position:right 30px top 270px;
}

#SchoolHiKobayashi .logo {
	margin:-7px 0 1em 0;
}

#SchoolHiKobayashi .logo-sideIllust {
	width:30%;
	margin:-43% 0 0 60%;
}

#SchoolHiKobayashi .underHi {
	margin:90px 0 0 0;
}

}

@media screen and (max-width: 568px) {

#SchoolHiKobayashi .centerSpace4Box {
	margin: 10px 0%;
}

#SchoolHiKobayashi .kobakoBacknumber {
	margin:2% 0px 0px;
}

#content .bgImage {
	background-position:right 30px top 220px;
}

#SchoolHiKobayashi .logo {
	width:100%;
	margin:-6px 0 1em 0;
}


#SchoolHiKobayashi .logo-sideIllust {
	margin:-46% 0 0 59.5%;
	width:34.5%;
}

#SchoolHiKobayashi .logo-sideIllust img {
	width:92%;
}

#SchoolHiKobayashi .underHi {
	margin:80px 0 0 0;
}

}

@media screen and (max-width: 480px) {
/* ウィンドウ幅ごとに設定するスタイルを入力してください */

#SchoolHiKobayashi .marginLeftM5 {
	margin-left:0;
}

/*** 背景画像 ***/
#content .bgImage {
	background:none;
}

/*** ロゴ + イラスト ***/
#SchoolHiKobayashi .kobakoLogo {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoLogo img{
	max-width:160%;
}

#SchoolHiKobayashi .centerSpace {
	margin: 0 2%;
}

#SchoolHiKobayashi .centerSpace4Box {
	margin: 45px 0%;
}

#SchoolHiKobayashi .addLeftSpace_1,
#SchoolHiKobayashi .addLeftSpace_2,
#SchoolHiKobayashi .addLeftSpace_3,
#SchoolHiKobayashi .addLeftSpace_5,
#SchoolHiKobayashi .addLeftSpace_6 {
	margin-left: 3% !important;
	margin-right: 0px !important;
}

#SchoolHiKobayashi .new_book{
	max-width: 100% !important;
	margin:3% 0px 0px;
	width:100%;
}

#SchoolHiKobayashi .bottomSpace {
	margin-bottom:15px;
}

#SchoolHiKobayashi .kobakoFotoLib {
	display:hidden;
	max-width:100%;
	position:relative;
}

#SchoolHiKobayashi .kobakoFotoLib img {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoFotoLibElem_B img {
	max-width:94%;
	bottom:none;
}

#SchoolHiKobayashi .picup_contents .clearfix h2 {
	max-width:100%;
}

#SchoolHiKobayashi .picup_contents h2 img {
	margin-top:-20px;
	height:none;
	max-width:100%;
}

#SchoolHiKobayashi .picup_contents {
	display:block;
	width:100%;
}

#SchoolHiKobayashi .kobakoCourseBtn {
	max-width:32%;
	display:block;
	float:left;
}

#SchoolHiKobayashi .kobakoCourseBtn a {
	display:block;
	width:100%;
	height:100%;
}

#SchoolHiKobayashi .kobakoCourseBtn img {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoCourseBtn .number_right {
	float:left;
	width:90%;
}

#SchoolHiKobayashi .logo {
	width:100%;
	height:auto;
	float:left;
	margin:-5px 0 15px 0;
}

#SchoolHiKobayashi .logo img {
	max-width:100%;
}

#SchoolHiKobayashi .logo-sideIllust img {
	display:block;
}

#SchoolHiKobayashi .logo-sideIllust {
	max-width:none;
	float:none;
	width:100%;
	margin:0 0 0 0;
}

#SchoolHiKobayashi .logo-sideIllust img {
	display:block;
	width:106%;
	overflow:hidden;
}

#SchoolHiKobayashi .underHi {
	margin:15px 0 0 0;
}


/*** コバ高通信バックナンバー ***/

#SchoolHiKobayashi .kobakoBacknumber {
	margin:3% 0px 0px;
}

#SchoolHiKobayashi .smpKobaTsuHeader p {
	font-size:90%;
	line-height:150%;
}

#SchoolHiKobayashi .kobakoBacknumber_left {
	display:none;
}

#SchoolHiKobayashi .kobakoBacknumber_title ,.kobakoSofu_title{
	display:none;
}

#SchoolHiKobayashi .kobakoSofu_left {
	display:none;
}

#SchoolHiKobayashi .kobakoBacknumber_header {
	display:block;
}

#SchoolHiKobayashi .kobakoSofu_header {
	display:block;
}

#SchoolHiKobayashi .kobakoBacknumber_header img {
	width:90%;
	margin:40px 5% -40px 5%;
}

#SchoolHiKobayashi .kobakoSofu_header img {
	width:90%;
	margin:0 5% -50px 5%;
}

#SchoolHiKobayashi .kobakoBacknumber_right {
	width:90%;
	background:none;
	float:left;
	overflow:hidden;
	margin-top:45px;
	margin-right:0px;
	margin-left:5%;
	height:315px;
}

#SchoolHiKobayashi .kobakoBacknumber_book {
	width:90%;
	background:none;
	float:left;
	overflow:hidden;
	margin-top:45px;
	margin-right:0px;
	margin-left:5%;
	height:auto;
}


#SchoolHiKobayashi .kobakoSofu_right {
	width:90%;
	background:none;
	float:left;
	overflow:hidden;
	margin-top:45px;
	margin-right:0px;
	margin-left:5%;
	height:210px;
}
#SchoolHiKobayashi .kobakoSofu_book {
	width:90%;
	background:none;
	float:left;
	overflow:hidden;
	margin-top:45px;
	margin-right:0px;
	margin-left:5%;
	height:auto;
}


#SchoolHiKobayashi .book_cover{
	float:left;
	margin:0px 0% 2% 5px;
	max-width:48%;
}

}

@media screen and (max-width: 414px) {

#SchoolHiKobayashi .logo-sideIllust img {
	display:block;
	width:106%;
	overflow:hidden;
}

}

@media screen and (max-width: 375px) {

#SchoolHiKobayashi .logo-sideIllust img {
	display:block;
	width:106%;
	overflow:hidden;
}

}

@media screen and (max-width: 320px) {
/* ウィンドウ幅ごとに設定するスタイルを入力してください */

#SchoolHiKobayashi {
	min-width: 300px;
	min-height:100%;
}

#SchoolHiKobayashi .marginLeftM5 {
	margin-left:0;
}

/*** 背景画像 ***/
#content .bgImage {
	background:none;
}

/*** ロゴ + イラスト ***/
#SchoolHiKobayashi .kobakoLogo {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoLogo img{
	max-width:160%;
}

#SchoolHiKobayashi .centerSpace {
	margin: 0 2%;
}

#SchoolHiKobayashi .centerSpace4Box {
	margin: 45px 0%;
}

#SchoolHiKobayashi .addLeftSpace_1,
#SchoolHiKobayashi .addLeftSpace_2,
#SchoolHiKobayashi .addLeftSpace_3,
#SchoolHiKobayashi .addLeftSpace_5,
#SchoolHiKobayashi .addLeftSpace_6 {
	margin-left: 3% !important;
	margin-right: 0px !important;
}

#SchoolHiKobayashi .new_book{
	max-width: 100% !important;
	margin:3% 0px 0px;
}

#SchoolHiKobayashi .logo {
	margin:-4px 0 10px 0;
}

#SchoolHiKobayashi .logo img {
	max-width:100%;
}

#SchoolHiKobayashi .logo-sideIllust {
	float:none;
	width:100%;
	margin:0 0 0 0;
}

#SchoolHiKobayashi .logo-sideIllust img {
	display:block;
	width:105%;
	overflow:hidden;
}

#SchoolHiKobayashi .underHi {
	margin:15px 0 0 0;
}

#SchoolHiKobayashi .bottomSpace {
	margin-bottom:15px;
}

#SchoolHiKobayashi .kobakoFotoLib {
	display:hidden;
	max-width:100%;
	position:relative;
}

#SchoolHiKobayashi .kobakoFotoLib img {
	max-width:100%;

}

#SchoolHiKobayashi .kobakoFotoLibElem_B img {
	max-width:94%;
	bottom:none;
}

#SchoolHiKobayashi .picup_contents .clearfix h2 {
	max-width:100%;
}

#SchoolHiKobayashi .picup_contents h2 img {
	margin-top:-20px;
	height:none;
	max-width:100%;
}

#SchoolHiKobayashi .picup_contents {
	display:block;
	width:100%;
}

#SchoolHiKobayashi .kobakoCourseBtn {
	max-width:32%;
	display:block;
	float:left;
}

#SchoolHiKobayashi .kobakoCourseBtn a {
	display:block;
	width:100%;
	height:100%;
}

#SchoolHiKobayashi .kobakoCourseBtn img {
	max-width:100%;
}

#SchoolHiKobayashi .kobakoCourseBtn .number_right {
	float:left;
	width:90%;
}

#SchoolHiKobayashi .logo .kobayashihs{
	width:505px;
	height:auto;
	float:left;
}

/*** コバ高通信バックナンバー ***/


#SchoolHiKobayashi .kobakoBacknumber {
	margin:3% 0px 0px;
}

#SchoolHiKobayashi .smpKobaTsuHeader p {
	font-size:90%;
	line-height:150%;
}

#SchoolHiKobayashi .kobakoBacknumber_left {
	display:none;
}

#SchoolHiKobayashi .kobakoBacknumber_title ,.kobakoSofu_title{
	display:none;
}

#SchoolHiKobayashi .kobakoSofu_left {
	display:none;
}

#SchoolHiKobayashi .kobakoBacknumber_header {
	display:block;
}

#SchoolHiKobayashi .kobakoSofu_header {
	display:block;
}

#SchoolHiKobayashi .kobakoBacknumber_header img {
	width:90%;
	margin:40px 5% -40px 5%;
}

#SchoolHiKobayashi .kobakoSofu_header img {
	width:90%;
	margin:40px 5% -40px 5%;
}

#SchoolHiKobayashi .kobakoBacknumber_right {
	width:90%;
	background:none;
	float:left;
	overflow:hidden;
	margin-top:45px;
	margin-right:0px;
	margin-left:5%;
	height:280px;
}

#SchoolHiKobayashi .kobakoBacknumber_book {
	width:90%;
	background:none;
	float:left;
	overflow:hidden;
	margin-top:45px;
	margin-right:0px;
	margin-left:5%;
	height:280px;
}


#SchoolHiKobayashi .kobakoSofu_right {
	width:90%;
	background:none;
	float:left;
	overflow::hidden;
	margin-top:45px;
	margin-right:0px;
	margin-left:5%;
	height:200px;
}
#SchoolHiKobayashi .kobakoSofu_book {
	width:90%;
	background:none;
	float:left;
	overflow::hidden;
	margin-top:45px;
	margin-right:0px;
	margin-left:5%;
	height:200px;
}

#SchoolHiKobayashi .book_cover{
	float:left;
	margin:0px 0% 2% 5px;
	max-width:48%;
}

}