/*
#####################################################################

	.guidance (入塾案内・受講料金)
	
#####################################################################
*/

/* ****************************************************
  入塾案内・受講料金
***************************************************** */

.guidance .page-list{
	overflow:hidden;
}
.guidance .page-set{
	/*width: 276px;
	margin-right:16px;
	float:left;*/
	margin-top:35px;
	overflow:hidden;
}
.guidance .page-set:last-child{margin-right:0px;}

.guidance .page-set h3{
	background-color: #2fa6ee;
	line-height:35px;
	font-size: 14px;
	color:#fff;
}
.guidance .page-set h3 a:link,
.guidance .page-set h3 a:visited
{color:#fff;}

.guidance .page-set h3 i{
	color:#fff;
	margin-right:7px;
	margin-left:10px;
}

.guidance .page-set .page-info{
	border-bottom:1px solid #000;
	min-height: 240px;
	background:url(../img/results/bg_page_info.gif) repeat;
}
.guidance .page-set .page-info p{
	color: #000000;
	font-size: 12px;
	margin:0;
	padding:18px 13px;
	line-height:1.4em;
	height:80px;
}

/* ボタン*/
.guidance .btn-more{
 color:#FFF; text-decoration: none; text-align:center;border-radius:10px;
 padding:0.1em 1.8em 0.05em 0.5em; float: inherit; margin:5px 60px 10px 60px;
 width:160px; margin:auto; margin-bottom:10px;}



@media screen and (max-width : 479px){
	.guidance .main-col h2.tit_message{
		font-size: 16px;
	}
	.guidance .main-col p{ font-size:12px;}
		
	
	.guidance .page-set .page-info p{height:auto;}
}




/* ****************************************************
  コース別受講料金
***************************************************** */

/* price
=========================================*/
.guidance .price-box{margin-top:40px; padding:3px; border:1px solid #d9d9d9 !important;}

.guidance .price-box .wrp{ background: url("../img/top/side_about_bg.jpg") repeat;padding:11px 20px 25px 20px; border:6px solid #2fa6ee;border-bottom:1px solid #2fa6ee;}

#page.guidance .price-box h2{ color:#000000; font-size:24px; line-height:0.6em; font-weight:bold; margin:3px 0 20px 0;}
.guidance .price-box h2 i{ font-size: 120%; margin-right: 7px; position: relative; top: 2px; color:#2fa6ee;}


#page.guidance .price-box h3{ font-size:14px; margin:0 0 13px 0; line-height:1.5em;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.guidance .price-box p{ font-size:12px; line-height:1.6em;}

.guidance .price-box .btn-more{ float:right; width:auto; margin:-20px 0 0 0; padding:0;}

.guidance .price-box .price-links{padding: 15px 7px; border:6px solid #2fa6ee;border-top:0px;background: url("../img/top/side_about_bg.jpg") repeat;}



.btn-link a{
	border: 1px solid #007cc7; background-color:#007cc7; color:#FFF; text-decoration: none; text-align:center;
    border-radius:10px; padding:0;display: block;}
.btn-link a{ color:#FFF;}
.btn-link a:hover{
	border: 1px solid #007cc7; background-color:#FFF;
    filter: alpha(opacity=100);-moz-opacity:1;opacity:1;}
.btn-link a:hover{color: #007cc7;}
.btn-link i{ font-size:130%; margin-right:6px; position:relative; top:2px;}	


@media screen and (max-width : 479px){
	.btn-link{ padding:0.1em 1.3em 0.05em 0.5em;}
}

.guidance .price-box .price-links .no-gutter{ padding:0 4px;}

.guidance .price-box .price-links .btn-more{ margin:0; width:100%;}
.guidance .price-box .price-links .btn-more a{ width:100%; display:block; padding:1px; text-align:left; text-align:center; }

.guidance .price-box .price-links .btn-more.btn-orange a{border: 1px solid #ffa200; background-color:#ffa200; }
.guidance .price-box .price-links .btn-more.btn-red a{border: 1px solid #ff194f; background-color:#ff194f; }
.guidance .price-box .price-links .btn-more.btn-green a{border: 1px solid #7ec211; background-color:#7ec211; }

.guidance .price-box .price-links .btn-more.btn-orange a:hover{color:#ffa200; border: 1px solid #ffa200; background-color:#fff;}
.guidance .price-box .price-links .btn-more.btn-red a:hover{color:#ff194f; border: 1px solid #ff194f; background-color:#fff;}
.guidance .price-box .price-links .btn-more.btn-green a:hover{color:#7ec211; border: 1px solid #7ec211; background-color:#fff;}

@media screen and (max-width : 991px){
	.guidance .price-box{margin-top:20px;margin-bottom:30px;}
}
@media screen and (max-width : 767px){
	.guidance .price-box .btn-more,.guidance .price .price-links .btn-more{ margin:10px 0 0 0;}
	.guidance .price-box .wrp{ padding:15px 15px 45px 15px; border:4px solid #2fa6ee;border-bottom:1px solid #2fa6ee;}
    .guidance .price-box .price-links{ padding:5px 15px 15px 15px; border:4px solid #2fa6ee;border-top:0px;}
}

@media screen and (max-width : 479px){
	.guidance .price-box h2{ font-size:18px;}
	.guidance .price-box .tit{font-size:12px;}
	.guidance .price-box{ margin-bottom:20px;}
}




/* ****************************************************
  intro.html 代表挨拶
***************************************************** */

.intro .about-matsubara h3{
    color: #fff;
    font-size: 18px;
    background-color: #00184b;
    padding: 6px;
}

.intro .about-matsubara{
    margin-top: 30px;
    border: 3px solid #00184b;
    background: url("../img/common/main_tit_bg.jpg") repeat scroll 0 center;
}

.intro .about-matsubara .links{margin:16px 8px; overflow: hidden;}
.intro .about-matsubara .no-gutter{ padding:0px;}

.intro .about-matsubara .btn-more{ margin:0; width:100%;}
.intro .about-matsubara .btn-more a{ width:100%; display:block; padding:1px; text-align:center; }

.intro .about-matsubara .btn-more.btn-dblue a{border: 1px solid #00184b; background-color:#00184b; }

.intro .about-matsubara .btn-more.btn-dblue a:hover{color:#00184b; border: 1px solid #00184b; background-color:#fff;}

.bana-blog{margin:16px;text-align: center;}

@media screen and (max-width : 767px){
    .intro .about-matsubara h3{font-size:14px;}
	.intro .about-matsubara .btn-more.btn-dblue{margin-bottom: 5px;}
}

/* ****************************************************
  profile.html 代表プロフィール
***************************************************** */


#page.profile .main-col .tit h1{ padding:30px 13px;}

.profile .prof-data{
    background: url("../img/common/main_tit_bg.jpg") repeat scroll 0 center;
    margin:30px 0;
    padding:25px;
    color: #002051;
}

.profile .prof-data h3{
    font-size: 18px;
    margin-bottom: 5px;
}

.profile .prof-data02 .no-gutter{margin:0;padding: 0;}
.profile .prof-data02{
    background-color: #fff6e8;
    padding: 25px;
    overflow: hidden;
    margin-bottom: 50px;
}

.profile .prof-data02 img{
    display: block;
    margin: 0px auto;
}

.profile .prof-data02 h3{
    font-size: 12px;
    margin-bottom: 5px;
}
.profile .prof-data02 p{margin-bottom: 15px;line-height: 1.4em;}


.profile .book-list{
    background: url("../img/results/bg_page_info.gif") repeat;
    overflow: hidden;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 20px;
}

.profile .book-list ul li{position: relative;text-align: center;height: 270px;}
.profile .book-list ul li .icon{
    line-height: 37px;
    font-size: 10px;
    width: 37px;
    height: 37px;
    position: absolute;
    top:5px;
    left: 0;
    text-align: center;
    color: #fff;
    z-index: 1;
    
}

.profile .book-list ul li {text-align: center;}
.profile .book-list ul li img{margin-bottom: 10px;}

.profile .book-list ul li .icon.novel{background-color:#00184b;}
.profile .book-list ul li .icon.sanko{background-color:#ffa200;}
.profile .book-list ul li .icon.etc{background-color:#7ec211;}
.profile .book-list .book-title{
    display: block;
    line-height: 1.4em;
    color: #2fa6ee;
}

.profile .book-list .book-title span{display: block;color: #000;}

@media screen and (max-width : 479px){
	.profile .prof-data h3{font-size: 12px;}
    .profile .prof-data02,
    .profile .prof-data{padding: 10px;}
}


/* ****************************************************
  follow.html 代表プロフィール
***************************************************** */


.follow .flow{overflow: hidden;}

.follow .flow li{margin-bottom: 5px;}

.follow .flow li .arrow{margin-top: 5px; margin-bottom: 5px;height: 24px;text-align: center;}

.follow .flow li.no-arrow{background-image: none;padding-top: 0px;}

.follow .flow li .frame-dblue{
    border: 2px solid #00184b;
    padding:10px;
    font-size: 14px;
    text-align: center;
    color: #00194b;
    font-weight: bold;
}

.frame-dred{
	margin-bottom:20px;
    border: 2px solid red;
    padding:10px;
    font-size: 14px;
    text-align: center;
	font-weight: bold;
}

.follow .flow li .frame-blue{
    border: 2px solid #2fa6ee;
    padding:10px;
    font-size: 14px;
    text-align: center;
    color: #00194b;
}


.follow .flow li .frame-dblue.no-gutter{padding:0;}
.follow .flow li .frame-blue.no-gutter{padding:0;}
.follow .flow li .frame-blue.column2{margin-left: 5px;position: relative;}
.follow .flow li .frame-dblue.column2{margin-right: 5px;position: relative;}

.follow .flow li.bottom{clear: both;margin-bottom: 10px;}


.follow .flow li .frame-blue h3{background-color:#2fa6ee;padding: 10px; color: #fff;margin-bottom: 7px;}
.follow .flow li .frame-dblue h3{background-color:#00184b;padding: 10px; color: #fff;margin-bottom: 7px;}

.follow .flow li .follow-img{margin: 0 5px 5px;text-align: center;}
.follow .flow li .follow-img img{display: inline-block;}

.follow .flow li .frame-dblue.no-gutter .frame-set{margin:0px 20px 20px;text-align: left;}


.follow .flow li .frame-dblue .link-set{background-color: #f7f7f7;padding:8px 40px;font-size: 12px;margin-bottom: 20px;text-align: center;}
.follow .flow li .frame-dblue .link-set li{
    background-image: none;
    padding-bottom: 0;
    display: inline-block;
    margin:2px 10px 2px;
    line-height: 1em;
}
.follow .flow li .frame-dblue .link-set li:before{content: "■";}

.follow-attention{margin-bottom: 10px;}


.follow .flow li .frame-dblue.no-gutter .frame-set h4{background-color: #002f8f;padding: 3px 10px; color: #fff;margin-bottom: 7px;font-size: 11px;line-height: 1em;}
.follow .flow li .frame-dblue.no-gutter .frame-set p.title-course{
    font-size: 14px;
    color:#00174a;
    font-weight: bold;
    margin-bottom: 5px;
}
.follow .flow li .frame-dblue.no-gutter .frame-set p.title-course span{color:#e34130;}
.follow .flow li .frame-dblue.no-gutter .frame-set p{
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.2em;
}

@media screen and (max-width : 479px){
	.follow .flow li .frame-dblue.no-gutter .frame-set h4{font-size: 11px;}
    .follow .flow li .frame-dblue.no-gutter .frame-set p.title-course{font-size: 12px;}
    .follow .flow li .frame-blue,
    .follow .flow li .frame-dblue,
    .follow .flow li .frame-blue h3,
    .follow .flow li .frame-dblue h3,
    .follow .flow li .frame-blue p,
    .follow .flow li .frame-dblue p{font-size: 12px;}
}




/* ****************************************************
  .q_a Q&A
***************************************************** */
.qa_wrap{border-bottom: 1px solid #e1e1e1;overflow: hidden;}
.q_a{}
.q_a .answer {display: table;display:none;margin-bottom: 22px;padding-top:0px;}

.q_a .qa-t{text-align: 1.4em; padding:12px 30px 15px 0px; border-top:1px solid #e1e1e1;display: table;width: 100%; cursor: pointer; background: url("http://www.bigbang-web.jp/common/img/guidance/icon_plus.gif") no-repeat right;}
.q_a .qa-t.open{background: url("http://www.bigbang-web.jp/common/img/guidance/icon_minus.gif") no-repeat right;}
.q_a .qa-t .q{padding: 0 10px; display:table-cell;width:30px;vertical-align: top; text-align:center;}
.q_a .qa-t .qt{
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5em;
    font-size: 15px;
}
#page.q_a .main-col h3{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:95%; line-height:1.2em;}

.q_a .imgspace{text-align: center;}
.q_a .imgspace img{display: inline-block;margin: 20px 0;}

.q_a .answer .a{padding: 0 10px;display:table-cell; font-weight:bold;vertical-align:top;}
.q_a .answer .a-txt{
    padding: 0;
    margin: 0;
    line-height: 1.5em;
     display:table-cell;  
}

.q_a .answer .a-txt p{padding: 0;margin: 0;}

.q_a .a-img{display:block;margin: 20px auto;}



@media screen and (max-width : 479px){
	.q_a .answer {display:none;margin-bottom: 15px;padding-left:0px;}
    .q_a .qa-t .qt{font-size: 12px;}

}

/* ****************************************************
  price.html コース別受講料金
***************************************************** */

.price .main-col .module-01 h2{ font-size:18px; border-bottom:3px solid #cccccc; padding-bottom:7px; font-weight:bold;}

.price .price-table{margin-top:20px;}
.price .price-table.btm{margin-top:10px;}
.price .price-table .title{
    text-align: left;
    font-size: 22px;
    width: 60%;
    line-height: 1.2em;
    color: #fff;
}
.price .price-table .title span{display: block;font-size: 12px;line-height: 1.1em;}
.price .price-table th{padding:4px 7px;font-size: 12px;background-color: #fff;}
.price .price-table th:first-child{text-align: left;}
.price .price-table .price-data{text-align: right;font-size: 27px;}

.price .table01,
.price .table01 th,
.price .table01 td{border-color: #004077 ;color:#004077 ;}
.price .table01 .title{ background-color:#004077 ;}

.price .table02,
.price .table02 th,
.price .table02 td{border-color: #009a44 ;color:#009a44 ;}
.price .table02 .title{ background-color:#009a44 ;}

.price .table03,
.price .table03 th,
.price .table03 td{border-color: #f08200 ;color:#f08200 ;}
.price .table03 .title{ background-color:#f08200 ;}
.price .table03{margin-bottom: 10px;}

.price .main-col .module-01 p{margin-bottom: 30px;}
.price .main-col .module-01 h3{font-size: 17px;line-height: 1.5em;margin-bottom: 5px;}
.price .main-col .module-01 p strong{color:#cd0000;}

.price .main-col .module-01 ul{margin-bottom: 35px;margin-left: 20px;}
.price .main-col .module-01 ul li{padding-bottom: 6px;line-height: 1.3em; list-style: disc;}

.price .price-pre img{margin-bottom: 10px;}
.price .price-table02{border-color: #00174a ;}
.price .price-table02 th{background-color:#00174a ;color:#fff ; text-align: center;width: 26%;}
.price .price-table02 th,
.price .price-table02 td{padding: 7px;font-size: 12px;border-color: #00174a;}
.price .price-table02 td{color: #00174a ;text-align: center;}
.price .table04{margin-bottom: 20px;}
.price .table05 td{text-align: left;}

@media screen and (max-width : 479px){
	.price .main-col .module-01 h3{font-size: 14px;}
    .price .price-table .price-data{font-size: 16px;}
    .price .price-table .title{font-size: 14px;}
    .price .price-table th,
    .price .price-table .title span{font-size: 10px;}
}