@charset "UTF-8";

/* --------------------------------------------------------------

	清光学園 受験生NAVI [キャンパスライフCSS]
	/common/css/campus.css

-------------------------------------------------------------- */

/* ==================================================
	content_wrap
================================================== */

#campus #content_wrap #content h2 {
	padding-bottom: 15px;
	border-bottom: solid 1px #b7b7b7;
}

@media screen and (min-width: 741px) {
#campus #content_wrap {
	background: url(../images/bg_under.png) center top repeat-x;
}
#campus #content_wrap #title_bg {
	background: url(../../campuslife/images/title_bg.png) center top no-repeat;
}
#campus #content_wrap #title_bg #content #main_col_bg {
	background: url(../images/content_bg.png) center top no-repeat;
}
#campus #content_wrap #title_bg #content #main_col_bg #main_col {
	background: none;
	width: auto;
	float: none;
	padding: 30px 46px 0;
}
#campus #content_wrap #content h1 {
	height: 164px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 6px;
}
#campus #content_wrap #content h3 {
	margin-bottom: 25px;
}
}

@media screen and (max-width: 740px) {
#campus #content_wrap #title_bg #content #main_col_bg {
	background: #fff;
}
#campus #content_wrap #title_bg #content #main_col_bg #main_col {
	background: none;
	width: auto;
	float: none;
	margin: 0 1em;
	padding: 0;
	overflow: hidden;
}
#campus h1 img {
	width: 100%;
	height: auto;
}
#campus h2 {
	margin: 0 0 1.5em;
}
#campus h3 {
	margin: 0 0 1.5em;
}
}


/* ==================================================
	box00
================================================== */
#campus .box00 {
	padding-top: 2em;
}
#campus .box00 h2 {
	margin-top: -80px;
	padding-top: 80px;
}

@media screen and (max-width: 740px) {
#campus .box00 h2 {
	margin-top: -2em;
	padding-top: 2em;
}
}


/* ==================================================
	box01
================================================== */
#campus .box01 {
	margin: 30px 0 0;
	padding: 25px;
	background: #ebf0fb;
}
#campus .box01 h4 {
	text-align: center;
	margin-bottom: 30px;
}
#campus .box01 .mov {
	width: 518px;
}
#campus .box01 ul {
	width: 312px;
}
#campus .box01 ul li {
	float: left;
}

@media screen and (max-width: 740px) {
#campus .box01 {
	margin: 2em 0 0;
	padding: 25px;
	background: #ebf0fb;
}
#campus .box01 .mov {
	width: auto;
}
#campus .box01 ul {
	width: auto;
}
#campus .box01 ul li {
	width: 50%;
}
#campus .box01 ul li.last {
	width: 100%;
}
}


/* ==================================================
	box02
================================================== */
#campus .box02 {
	width: 880px;
	margin: 45px auto 0;
}
#campus .box02 .comment {
	float: left;
	width: 630px;
	padding-top: 30px;
}
#campus .box02 .name {
	border-top: solid 1px #799fe9;
	border-bottom: solid 1px #799fe9;
	padding: 8px 0;
	margin-bottom: 20px;
}
#campus .box02 .name table th,
#campus .box02 .name table td {
	vertical-align: middle;
	padding-right: 15px;
}
#campus .box02 .name table th {
	font-size: 131%;
	white-space: nowrap;
	border-right: solid 1px #799fe9;
}
#campus .box02 .name table td {
	font-size: 85%;
	padding-left: 15px;
}
#campus .box02 .img_s {
	float: right;
	width: 217px;
	padding-top: 30px;
}
#campus .box02 .img_s img {
	margin-bottom: 10px;
}

@media screen and (max-width: 740px) {
#campus .box02 {
	width: auto;
	margin: 3em auto 0;
}
#campus .box02 .comment {
	float: none;
	width: auto;
	padding-top: 2em;
}
#campus .box02 .img_s {
	float: none;
	width: auto;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 2em;
}
#campus .box02 .img_s img {
	max-width: 48%;
	margin: 0 1% 0 0;
}
}


/* ==================================================
	box03
================================================== */
#campus .box03 {
	width: 880px;
	margin: 45px auto 0;
	padding-bottom: 50px;
}
#campus .box03 h2 {
	margin-top: -80px;
	padding-top: 80px;
}
#campus .box03 .mov {
	width: 532px;
}
#campus .box03 .pht {
	width: 322px;
}
#campus .box03 .pht .img_s {
	margin-top: 20px;
}
#campus .box03 .pht .img_s img {
	width: 154px;
	height: auto;
}

@media screen and (max-width: 740px) {
#campus .box03 {
	width: auto;
	margin: 2em auto 0;
	padding-bottom: 50px;
}
#campus .box03 h2 {
	margin-top: -0em;
	padding-top: 0em;
}
#campus .box03 .mov.fl {
	float: none;
	width: auto;
	margin-bottom: 1.5em;
}
#campus .box03 .pht.fr {
	float: none;
	width: auto;
}
#campus .box03 .pht .img_s {
	margin-top: 1.5em;
	text-align: center;
}
#campus .box03 .pht .img_s img {
	width: 45%;
	height: auto;
	margin: 0 2%;
}
}


/* ==================================================
	fancybox カスタマイズ
================================================== */

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	/*padding: 2px 20px;*/
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	/*background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;*/
	text-shadow: none;
	color: #000;
	font-weight: normal;
	line-height: 24px;
	white-space: normal;
}
@media screen and (max-width: 740px) {
.fancybox-title-float-wrap {
	position: absolute;
	height: 3em;
	display: block;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}
.fancybox-title-float-wrap .child {
	background: none;
	text-align: left;
}
}
.fancybox-skin {
	padding: 5px !important;
}