@charset "UTF-8";

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

	学校法人清光学園 [基本CSS：スマホ用]
	/common/css/base_sp.css

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

/* ==================================================
	base
================================================== */

html {
	-webkit-text-size-adjust: 100%;
}
body {
	background: none;
}
img { max-width: 100%; }
a {
	/*-webkit-tap-highlight-color:rgba(0,0,0,0);*/
}


/* ==================================================
	group header
================================================== */

#fixed_header {
	position: fixed;
	width: 100%;
	border-top: solid 4px #6974aa;
	background: #fff;
	padding-bottom: 5px;
	z-index: 10;
}

#group_header {
	height: auto;
	max-height: 97px;
	overflow: hidden;
	margin: 0 4%;
}

/* group_nav
------------------------------------------ */
#group_nav {
	float: none;
	background: none;
	margin: 0 0 10px;
}
#group_nav li {
	float: left;
}
#group_nav li a img,
#group_nav li a:hover img {
	opacity: 1;
	min-width: 100%;
	height: auto;
}
#group_nav li.nav01 { width:36%; }
#group_nav li.nav02 { width:28%; }
#group_nav li.nav03 { width:36%; }

#group_header .contact_btn {
	clear: both;
	float: left;
	width: 30%;
	line-height: 1;
}

/* search
------------------------------------------ */
#search {
	margin-top: 0;
	float: right;
	width: 60%;
	height: 13%;
	background: #eee;
	overflow: hidden;
}
#search form {
	width: 100%;
	height: 13%;
	line-height: 0;
}
#search p input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	border-radius: 0;
	line-height: 2.5em;
}
#search p.text {
	width: 87%;
	height: 13%;
}
#search p.text input {
	width: 100%;
	height: 13%;
}
#search p.button {
	width: 13%;
	height: 13%;
}
#search p.button input {
	float: right;
	width: 100%;
}

/*
#search {
	margin-top: 0;
	float: right;
	width: 60%;
	height: 13%;
	background: #eee;
}
#search form {
	width: 100%;
	height: 13%;
	line-height: 0;
}
#search p input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	border-radius: 0;
	line-height: 0;
}
#search p.text {
	width: 87%;
	height: 13%;
}
#search p.text input {
	width: 100%;
	height: 13%;
}
#search p.button {
	width: 13%;
	height: 13%;
}
#search p.button input {
	float: right;
	width: 100%;
}
*/


/* ==================================================
	header
================================================== */

#header {
	width: 100%;
	margin: 0;
	position: relative;
	border-bottom: solid 1px #cacaca;
}
@media screen and (min-width: 320px) and (max-width: 374px) {	/* iPhone4,5,5s */
#header {
	padding: 70px 0 0;
}
}
@media screen and (min-width: 375px) and (max-width: 413px) {	/* iPhone6 */
#header {
	padding: 75px 0 0;
}
}
@media screen and (min-width: 414px) and (max-width: 740px) {	/* iPhone6 Plus */
#header {
	padding: 90px 0 0;
}
}

#header_logo {
	float: left;
	width: 45%;
	max-width: 282px;
	margin: 0 0 12px 10px;
	z-index: 5;
}




/*
#header {
	width: 100%;
	margin: 0;
	padding-top: 23%;
	border-bottom: solid 1px #cacaca;
}

#header_logo {
	float: left;
	width: 45%;
	max-width: 282px;
	margin: 0 0 12px 10px;
	z-index: 5;
}
*/

/*
#header {
	width: 100%;
	margin: 0;
	padding-top: 97px;
	position: relative;
	border-bottom: solid 1px #cacaca;
}

#header_logo {
	float: left;
	width: 50%;
	max-width: 312px;
	margin: 0 0 12px 10px;
	z-index: 5;
}
*/

/* global_nav
------------------------------------------ */
#global_nav_open_btn {
	float: right;
	margin: 4px 15px 0 0;
	width: 8%;
	z-index: 4;
}
#global_nav_open_btn a {
	display: block;
	background: url(../images/header_sp/global_nav_open_btn.png) center no-repeat;
	background-size: contain;
}
.active#global_nav_open_btn a {
	background: url(../images/header_sp/global_nav_close_btn.png) center no-repeat;
	background-size: contain;
}
.accordion {
	position: absolute;
	top: 100%;
	clear: both;
	display: none;
	width: 100%;
	height: 1000%;
	background: #fff;
	z-index: 100;
	box-shadow: 0px 3px 3px 0px #999;
}

/*
.accordion {
	position: absolute;
	top: 140px;
	clear: both;
	display: none;
	width: 100%;
	height: 1000%;
	background: #fff;
	z-index: 100;
	box-shadow: 0px 3px 3px 0px #999;
}*/

#global_nav {
	clear: both;
	width: 100%;
	border-bottom: solid 1px #cacaca;
}
#global_nav li {
	float: none;
	width: 100%;
	line-height: 3.5;
	border-top: solid 1px #cacaca;
}
#global_nav li a {
	display: block;
	margin: 0 15px;
	text-decoration: none;
	background: url(../images/header_sp/nav_arw_gr.png) right center no-repeat;
	background-size: 5px 7px;
}

/* global_nav spカレント表示
------------------------------------------ */
#outline #global_nav li.nav01,#founder #global_nav li.nav02,#sub #global_nav li.nav03 {
	background-color: #f2f2f2;
}


/* ==================================================
	pagetop
================================================== */

#pagetop_sp {
}
#pagetop_sp a {
	display: block;
	background: #6873a9;
	padding: 1em 0;
	text-align: center;
}


/* ==================================================
	footer_add
================================================== */

#footer_add {
	margin: 0 0 11px;
	border-top: none;
	/*font-size: 85%;*/
}
#footer_add dl {
	float: none;
	padding: 0;
}
#footer_add dl:after {
	content: "";
	display: block;
	clear: both;
}
#footer_add dl dt {
	float: none;
	width: 50%;
	margin: 9px auto 22px;
	text-align: center;
}
#footer_add dl dd {
	float: none;
	margin: 0;
	line-height: 1.4;
	text-align:center;
}
#footer_add dl dd.contact_btn {
	float: right;
	width: 30%;
}
#footer_add dl dd.contact_btn a {
	display: block;
	width: 100%;
	height: auto;
	background: none;
	text-indent: 0px;
}
#footer_add #footer_link {
	float: none;
	margin-top: 1em;
	border-top: solid 1px #9e9e9e;
	padding-top: 1em;
}
#footer_add ul {
	float: none;
	margin-top: 0.5em;
	padding-top: 0;
	text-align: center;
}
#footer_add ul li {
	display: inline;
	margin: 0 0.8em;
}


/* ==================================================
	footer_nav
================================================== */

#footer_nav {
	display: none;
}


/* ==================================================
	copyright
================================================== */

#copyright {
	background: #808080;
}
#copyright p {
	width: 100%;
	margin: 0;
	text-align: center;
}


/* ==================================================
	content
================================================== */

#content_wrap {
	background: none;
	position: relative;
}
#content_wrap #content {
	width: 100%;
}
#content_wrap #content #content_body {
	background: none;
	padding: 0 1.5em;
	margin-bottom: 3em;
}
#content_wrap #main_col {
	float: none;
	width: 100%;
	min-height: 100%;
	padding: 0;
	background: none;
}
#content_wrap #side_col {
	position: absolute;
	top: -1px;
	display: none;
	float: none;
	width: 100%;
	height: 2000px;
	margin: 0 0 0 0;
	border-bottom: solid 1px #cbcbcb;
	z-index: 20;
	background: #fff;
}


/* ==================================================
	topic path
================================================== */

#topic_path {
	margin-top: -1px;
	background: none;
	padding-top: 0;
}
#topic_path ul {
	width: 100%;
}
#topic_path ul li {
	float: left;
	margin-left: -1em;
	background: url(../images/header_sp/topic_path_arw.png) right center no-repeat;
	background-size: contain;
	padding: 0 1em 0 0;
	line-height: 3em;
}
#topic_path ul li#path_top {
	margin-left: 0;
	background: url(../images/header_sp/topic_path_arw_top.png) right center no-repeat #d1d5e5;
	background-size: contain;
}
#topic_path ul li.current {
	background: none;
}
#topic_path ul li a,
#topic_path ul li em {
	display: block;
	border-top: solid 1px #cacaca;
	padding: 0 0.5em 0 1.5em;
}
#topic_path ul li#path_top a {
	padding-left: 1em;
	color: #6873a9;
}
#topic_path ul li span {
	display: none;
}


/* ==================================================
	side nav
================================================== */

#side_nav_open_btn {
	position: absolute;
	top: -36px;
	right: 0px;
}
#side_nav_open_btn a {
	display: block;
	width: 60px;
	height: 36px;
	background: url(../images/header_sp/side_nav_open_btn.png) center center no-repeat;
	background-size: 10px 7px;
}

.side_nav {
	border-top: solid 1px #ccc;
}
.side_nav li {
	line-height: 3.5;
}
.side_nav li.extralink {
	background: #e0e3ed;
}
.side_nav li a {
	display: block;
	background: url(../images/header_sp/nav_arw_gr.png) 97% center no-repeat;
	background-size: 5px 7px;
	background-repeat: no-repeat;
	padding-left: 15px;
	border-bottom: solid 1px #ccc;
}
.side_nav li a:hover {
	background-color: #fff;
	text-decoration: none;
}