@charset "utf-8";

.pc { display:none; }

.sp { display:block; }

img{
	width:100%;
	height:auto;
	border:none;
}

article {
	padding-top:10%;
/*
	margin-bottom:30px;
*/
}

.mb60 {
	margin-bottom:30px !important;
}



/* header ==============================================================================================================================================================*/
header{
	position: fixed;
	top: 0;
	height:auto;
/*
	overflow:hidden;
*/
	z-index:1;
}

#header{
	width:100%;
	overflow:hidden;
}

#header #logo-sp{
	width:36%;
	height:auto;
	background:#fff;
	float:left;
}



/* navi ==============================================================================================================================================================*/

#topNav {
	margin:0;
	width:100%;
	clear:both;
}

#topNav li{
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
}

#topNav li a {
	padding:10px 0 10px 10px;
	font-size:14px;
	color:#fff;
	background:#5b8edb;
	display:block;
}

#topNav li a:hover {
	background:#f9b25e;
	text-decoration:none;
}

#topNav li.sub a {
	padding-left:24px;
}



/* layout ==============================================================================================================================================================*/

#contents{
	width:100%;
}

.mainContents{
	width:92%;
}

#side{
	width:100%;
	float:none;
}

#main{
	width:100%;
	float:none;
}



/* footer ==============================================================================================================================================================*/

footer{
	padding:18px 0;
}



/* common ==============================================================================================================================================================*/
h1 {
	margin-bottom:30px;
	padding:28px 0;
	font-size:18px;
}

h2 {
	margin-bottom:30px;
	font-size:18px;
}

h2#info{
	padding:10px 0 10px 56px;
	background-size:44px 44px;
}

h2#schedule {
	padding:10px 0 10px 56px;
	background-size:44px 44px;
	text-align:left;
}

h2#bank{
	margin-bottom:0;
	padding:10px 0 10px 56px;
	background-size:44px 44px;
}

h2.contact{
	padding:10px 0 10px 56px;
	background-size:44px 44px;
}

.memTtl{
	margin:0 auto 30px auto;
	width:90px;
}

h2.mem{
	width:90px;
	height:90px;
	font-size:18px;
	-moz-border-radius: 45px;
	-ms-border-radius: 45px;
	-o-border-radius: 45px;
	-webkit-border-radius: 45px;
	border-radius: 45px;
	layout-grid-line:90px;
}

h2.mem span .f16 {
	font-size:13px;
}

.pankuzu {
	display:none;
}


/*
#paginatorNav .prev{
	padding:0 0 0 42px;
	width:45%;
	height:30px;
	vertical-align:middle;
	background:url(../img/common/btn_pager_prev02.png) no-repeat 0 center;
}

#paginatorNav .next{
	padding:0 42px 0 0;
	width:45%;
	height:30px;
	vertical-align:middle;
	text-align:right;
	background:url(../img/common/btn_pager_next02.png) no-repeat right center;
}
*/



/* top ==============================================================================================================================================================*/

.home .leadTtl {
	font-size:20px;
}

.home .btn {
	margin-top:0;
	margin-bottom:20px;
}

.home #infoWrap a dt {
	padding:10px 4% 0 4%;
	width:92%;
}

.home #infoWrap a dd {
	padding:5px 4% 10px 4%;
	width:92%;
}

.home #calendar {
	margin-bottom:0;
}

.home #calendar .responsive-iframe-container {
	padding-top:0;
	padding-bottom: 0;
}

.home #calendar .big-container {
	display: none;
}

.home #calendar .small-container {
	display: block;
	padding-bottom: 210%;   /* ���� */
}



/* freshman ==============================================================================================================================================================*/
.freshBoxBor {
	margin:0 auto 60px auto;
	padding:20px 10px;
	border:5px solid #eeeeee;
}

.freshBoxBor h2 {
	margin-bottom:15px;
}

.freshBoxBor img {
	margin:0 !important;
	max-width:250px;
}

.freshBoxBor table {
	width:100%;
	border-bottom:1px solid #387bdc;
}

.freshBoxBor table th {
	text-align:center;
	background:#b4d3ff;
}

.freshBoxBor table th.th01 {
	color:#fff;
	background:#387bdc;
}

@media screen and (max-width: 400px)  {
	.freshBoxBor table td {
		padding:14px 5px;
		font-size:12px;
	}
}

.freshBox {
	margin:0 auto 60px auto;
	width:100%;
	overflow:hidden;
	line-height:1.7;
}

.freshBox .flL img {
	margin:0 0 20px 0;
}

.freshBox .flR img {
	margin:0 0 20px 0;
}

@media screen and (max-width: 400px)  {
.freshBoxBor .txt,
.freshBoxBor .illust,
.freshBox .flL,
.freshBox .flR {
	clear:both;
	width:100% !important;
	float:none !important;
}
}


/* ob ==============================================================================================================================================================*/
.bankBox {
	width:90%;
	padding:2% 3%;
	font-size:14px;
}



/* link ==============================================================================================================================================================*/
#link ul {
	margin-left:6%;
}



/* song ==============================================================================================================================================================*/
#song {
	padding-left:0;
	background:url(../images/song_bg.png) no-repeat 0 0;
	background-size:100% auto;
}

#song .songBox {
	width:100%;
}



/* member ==============================================================================================================================================================*/
.member {
	margin-bottom:0px;
}

.member h3 {
	margin-bottom:16px;
}

.member h3 span {
	font-size:20px;
	color:#000;
	font-weight:bold;
	display:block;
}

.member .memBox {
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #ccc;
}

.member .memBox .photo {
	width:40%;
}

.member .memBox .photo img {
	margin-bottom:5%;
}

.member .memBox .memInfo {
	width:58%;
	margin-left:2%;
	margin-bottom:5%;
}

.member .memBox .memInfo dl dt {
	margin:1px 2% 5px 0;
	font-size:12px;
	width:76px;
}

.member .memBox .memInfo dl dd {
	margin-bottom:5%;
	width:50%;
}

@media screen and (min-width: 400px)  {
	.member .memBox .memInfo dl dd {
		width:62%;
	}
}
@media screen and (min-width: 481px)  {
	.member .memBox .memInfo dl dd {
		width:72%;
	}
}

.member .memBox .memTxt {
	padding-left:0;
	border-left:0;
	width:100%;
	height:auto;
	clear:both;
	float:none;
}



/* instructor ==============================================================================================================================================================*/
.instBox {
	margin-bottom:0px;
}

.instBox.mb60 {
	margin-bottom:0px !important;
}

.instBox h3 {
	margin-bottom:15px;
}

.instBox .photo {
	margin:0 auto;
	width:260px;
	font-size:1px;
	line-height:0;
	float:none;
}

.instBox .photo img {
	margin-bottom:5%;
}

.instBox .instTxt {
	padding-left:0;
	border-left:none;
	width:100%;
	height:auto;
	overflow:hidden;
	float:none;
}

.instBox .instTxt .mail {
	display:block;
}



/* faq ==============================================================================================================================================================*/
.faqBox {
	margin-bottom:26px;
	padding-bottom:26px;
	border-bottom:1px dotted #ccc;
}

.faqBox .que {
	margin-bottom:0;
	padding:0 0 25px 74px;
	font-size:16px;
	color:#5b8edb;
	line-height:1.7;
	background:url(../images/icon_faq_q.png) no-repeat 0 0;
}

.faqBox .ans {
	padding:0 0 0 74px;
	line-height:1.7;
	background:url(../images/icon_faq_a.png) no-repeat 0 0;
}



/* newsList ==============================================================================================================================================================*/
#newsList #infoWrap a dt {
	padding:10px 4% 0 4%;
	width:92%;
}

#newsList #infoWrap a dd {
	padding:5px 4% 10px 4%;
	width:92%;
}



/* interviewList ==============================================================================================================================================================*/
.interviewList {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
}

.interviewList .ttl{
	text-align:left;
	display:block;
}

.interviewList .ttl h3 {
	margin-right:10px;
	margin-bottom:10px;
	font-size:18px;
	display:block;
	float:left;
}

.interviewList .ttl .yy {
	padding-left:0;
	display:block;
	float:left;
}

.interviewList .interviewBox {
	margin-bottom:0;
}

.interviewList .interviewBox .photo {
	text-align:center;
	margin-bottom:5%;
	float:none;
}

.interviewList .interviewBox .photo img {
	width:auto;
}

.interviewList .interviewBox .interviewInfo {
	width:100%;
	margin-left:0;
	clear:both;
	float:none;
}

.interviewList .interviewBox .interviewInfo .txt {
	margin-bottom:10px;
}



/* interviewDetail ==============================================================================================================================================================*/
.interviewDetail .ttl {
	margin-bottom:30px;
}

.interviewDetail .ttl h2 {
	margin-bottom:15px;
	text-align:left;
}

#interviewDetail h3 {
	margin-bottom:15px;
}

#interviewDetail .txt {
	margin-bottom:30px;
}

#interviewDetail .txt .wp-caption {
	margin:0 auto 10px auto;
	float:none;
}

#interviewDetail .txt a {
	padding-right:10px;
}



/* matchList / matchDetail ==================================================================================================================================================*/
#matchList,
#matchDetail {
	margin-bottom:0;
}

#matchList #listWrap {
	margin-bottom:30px;
}

#matchList #listWrap a dl {
	margin:0 auto;
	width:100%;
}

#matchList #listWrap a dt {
	padding:15px 0 15px 2%;
	width:70%;
}

#matchList #listWrap a dd {
	padding:15px 2% 15px 0;
	width:26%;
}

#matchDetail table {
	width:100%;
	border:1px solid #777;
}

#matchDetail th {
	padding:2%;
	width:20%;
}

#matchDetail th.th01 {
	padding:2%;
	width:10%;
}

#matchDetail td {
	padding:2%;
}

#matchDetail td img {
	width:80%;
	height:auto;
}