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

/****************************************
+
+　ヘッダー
+
*****************************************/
#gaku_header .innar {
	max-width:970px;
	margin: 0 auto;
}

#gaku_header .innar h1 {
	width: 17.8351%;
	float: left;
	padding: 25px 0px 0px;
}
#gaku_header .innar .gnav {
	width: 78.865979381%;
	float: right;
	background-color: #cb2837;
	text-align: center;
	display:block;
}
#gaku_header .innar .gnav ul li {
	color: #FFF;
	text-align: center;
	display: inline-block;
	line-height: 85px;
}
#gaku_header .innar .gnav ul li a {
	color: #FFF;
	padding:  0 18px;
	display: block;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#gaku_header .innar .gnav ul li a:hover {
	background:#a3202c;
}

/* ===============================================
#header2
=============================================== */
.header2{
	display:block;
}
/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 10px;
	top: 17px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	z-index: 101;
	background: #FFF;
	padding: 5px;
}
.header2 #nav-toggle {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	z-index: 101;
	padding:  0;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	background-color: #CB2837;
}
#nav-toggle span:nth-child(1) {
	top: 9px;
}
#nav-toggle span:nth-child(2) {
	top: 17px;
}
#nav-toggle span:nth-child(3) {
	top: 25px;
}


#sp_navi {display:none;}


@media only screen and (max-width: 768px){
.pc {display:none !important;}
.sp {display:block!important;}
}

@media only screen and (max-width: 970px){
#gaku_header .innar {
	padding: 0;
	height: 60px;
}
#gaku_header .innar h1 {
	width: 35%;
	float: none;
	padding: 15px 0px 0px 10px;
}
#gaku_header .innar .gnav {
	display:none;
}

#nav-toggle , .header2 #nav-toggle {
	display: block;
	}

	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 17px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 17px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
#sp_navi{
	display: none;
	width: auto;
	clear: both;
	position: absolute;
	top: 60px;
	background: #fff;
	box-sizing: content-box;
	z-index: 9997;
	padding: 0;
	border-top: 2px solid #CB2837;
}
	#sp_navi li{
		width: 50%;
		float:left;
		box-sizing: border-box;
		font-size: 11px;
}

	#sp_navi li:nth-child(odd){
		border-right:1px solid #dfdfdf;
		border-bottom:1px solid #dfdfdf;
}
	#sp_navi li:nth-child(even){
		border-bottom:1px solid #dfdfdf;
}

#sp_navi ul .link2 {
	background: #FFF;
}
#sp_navi ul .link3 a {
	color:#CB2837;
}
#sp_navi ul .link3 {
	background: #CB2837;
}
#sp_navi ul .link3 a {
	color:#FFF;
}
#sp_navi ul li a {
    display: block;
    padding: 12px 5px 12px 10px;
}
#sp_navi ul .blank::after{
	margin: 0 0 0 5px;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(/images/common/blank_icon_w.png);
	background-size: contain;
	vertical-align: middle;
}
}



#ayumi #innarWrap , #nenpu #innarWrap , #hirao #innarWrap , #chosaku #innarWrap , #ronbun #innarWrap , #gakuenshi #innarWrap , #gakuenka #innarWrap , #kouhou #innarWrap , #inquiry #innarWrap , #recruit #innarWrap , #basedata #innarWrap {
	max-width:970px;
	margin: 0px auto 30px;
	padding: 0 10px;
}
@media only screen and (max-width: 768px){
#ayumi #innarWrap , #nenpu #innarWrap , #hirao #innarWrap , #chosaku #innarWrap , #ronbun #innarWrap , #gakuenshi #innarWrap , #gakuenka #innarWrap , #kouhou #innarWrap , #inquiry #innarWrap , #recruit #innarWrap , #basedata #innarWrap {
	margin: 0px 5%;
	padding: 0;
}
}

/****************************************
+
+　パンくず
+
*****************************************/
#mainpic {
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}
#mainpic img {
	width:100%;
}
#ttlNav {
    background-color: #f8f4e9;
    line-height: 110px;
    margin: 0 0 65px;
}
#ttlNav #innarWrap {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 10px;
}
#ttlNav  .pankuzu {
    float: right;
    font-size: 13px;
}
#ttlNav  .title {
	font-size: 26px;
	text-align: left;
	width: 50%;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #333;
}
@media only screen and (max-width: 768px){
#mainpic {
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}
#mainpic img {
	width:100%;
}
#ttlNav {
    line-height: 1.5em;
    margin: 0 0 30px;
    padding:  10px 0;
}
#ttlNav #innarWrap {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 5%;
}
#ttlNav  .pankuzu {
    float: none;
    line-height: 1.5em;
    font-size: 12px;
    margin: 0 0 10px;
}
#ttlNav  .title {
    float: none;
    font-size: 22px;
    line-height: 1.5em;
	text-align: left;
	width: auto;
}
}



/****************************************
+
+　フッター
+
*****************************************/
/***甲南学園グループ***/
footer .ft_group {
	background-color: #eeeded;
	padding: 35px 0px;
}
footer .ft_group .innar {
	max-width:970px;
	margin: 0px auto;
}
footer .ft_group .innar .bnt {
	width: 31.9588%;
	float: left;
	background-color: #FFF;
	margin: 0px 2% 0px 0px;
}
footer .ft_group .innar .bnt .name:after{
	margin: 30px 20px 0 0;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(/images/common/blank_icon_r.png);
	background-size: contain;
	vertical-align: middle;
	float:right;
}
footer .ft_group .innar .bnt a {
	opacity:1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    display: block;
    }
footer .ft_group .innar .bnt a:hover {
	opacity:0.7;
   }
footer .ft_group .innar .bnt:last-child {
	margin: 0;
}
footer .ft_group .innar .bnt ul .img {
	float: left;
	width: 39%;
}
footer .ft_group .innar .bnt ul .name {
	width: 61%;
	float: left;
	font-size: 17px;
	line-height: 1.5em;
	display: table;
	height: 70px;
}
footer .ft_group .innar .bnt ul .name span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 15px;
}

/***甲南学園***/
footer .f_inner {
	max-width: 970px;
	margin: 0 auto;
	padding: 40px 0px 35px;
}

footer .f_inner .info {
	float: left;
	width: 48%;
}
footer .f_inner .info .box {
	margin: 10px 0;
}
footer .f_inner .info .box .logo {
	float: left;
	width: 38%;
}
footer .f_inner .info .box .address {
	font-size: 13px;
	float: right;
	margin: 0;
	width: 60%;
}
footer .f_inner .info .btn {
	font-size: 13px;
}
footer .f_inner .info .btn ul li {
	line-height: 42px;
	text-align: center;
	width: 45%;
	float: left;
	margin: 0px 10px 0px 0px;
}
footer .f_inner .info .btn ul li:last-child {
	margin: 0px;
}
footer .f_inner .info .btn ul li a {
	color: #FFF;
	display: block;
	background: #cb2837;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/***ページトップ***/
footer .f_inner .pagetop {
	float: right;
	width: 25%;
	line-height: 60px;
	font-size: 18px;
	color: #FFF;
	background-color: #CB2837;
	text-align: center;
}
footer .f_inner .pagetop a {
	color: #FFF;
	display: block;
}
footer .f_inner .pagetop a:after {
	content: "\f106";
	font-family: FontAwesome;
	margin: 0 0 0 10px;
	font-size: 25px;
	color: #fff;
}

/***コピーライト***/
footer #copyright {
	color: #FFF;
	background-color: #383838;
	font-size: 11px;
	line-height: 60px;
}
footer #copyright p {
	margin: 0px auto;
	max-width: 1080px;
	padding: 0px 10px;
}


@media only screen and (max-width: 768px){
/***甲南学園グループ***/
footer .ft_group {
	padding: 20px 0px;
}
footer .ft_group .innar {
	margin: 0px 5%;
	padding:  0;
}
footer .ft_group .innar .bnt {
	width: auto;
	float: none;
	margin: 0px 0px 2% 0px;
}
footer .ft_group .innar .bnt .name:after{
	margin: 30px 20px 0 10px;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(/images/common/blank_icon_r.png);
	background-size: contain;
	vertical-align: middle;
	float:right;
}
footer .ft_group .innar .bnt:last-child {
	margin: 0;
}
footer .ft_group .innar .bnt ul:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
footer .ft_group .innar .bnt ul .img {
	float: left;
	width: 40%;
	height:  70px;
}
footer .ft_group .innar .bnt ul .img img {
	width: auto;
	height: 70px;
}
footer .ft_group .innar .bnt ul .name {
	font-size: 13px;
	width: 60%;
	height: 70px;
}
footer .ft_group .innar .bnt ul .name span {
	padding: 0 0 0 10px;
}

/***甲南学園***/
footer .f_inner {
	margin: 0 5%;
	padding: 20px 0px 0;
}

footer .f_inner .info {
	float: none;
	width: auto;
	margin: 0 0 30px;
}
footer .f_inner .info .box {
	margin: 0;
	width:  auto;
}
footer .f_inner .info .box .logo {
	float: none;
	width: 50%;
	margin: 0 auto 10px;
	text-align: center;
}
footer .f_inner .info .box .address {
	float: none;
	margin: 0 0 10px;
	width: auto;
}
footer .f_inner .info .btn {
	font-size: 13px;
}
footer .f_inner .info .btn ul li {
	line-height: 42px;
	text-align: center;
	width: 45%;
	float: left;
	margin: 0px 10px 0px 0px;
}
footer .f_inner .info .btn ul li:last-child {
	margin: 0px;
}
footer .f_inner .info .btn ul li a {
	color: #FFF;
	display: block;
	background: #cb2837;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/***ページトップ***/
footer .f_inner .pagetop {
	float: none;
	width: auto;
	line-height: 30px;
	font-size: 14px;
}
footer .f_inner .pagetop a {
	color: #FFF;
	display: block;
}
footer .f_inner .pagetop a:after {
	content: "\f106";
	font-family: FontAwesome;
	margin: 0 0 0 10px;
	font-size: 20px;
	color: #fff;
}

/***コピーライト***/
footer #copyright {
	line-height: 1.5em;
	padding: 15px 5%;
}
footer #copyright p {
	padding: 0;
}
}



/****************************************
+
+　index
+
*****************************************/
#index_contents {
	padding: 35px 0px 0px;
}
#index_contents .innar{
	max-width: 970px;
	margin: 0 auto;
	padding: 0 10px;
}
#ft_bnr .innar{
	max-width: 970px;
	margin: 0 auto;
	padding: 0 10px;
}

#index_contents .bx-wrapper {
	margin: 0px auto 50px !important;
}
#index_contents h2 {
	color: #cb2837;
	font-size: 26px;
	position: relative;
	text-align: center;
	margin: 0px auto 50px;
	width: 50%;
}
#index_contents h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
#index_contents h2::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #cb2837;
}

/***甲南学園について***/
#index_contents .about_bnt {
	margin: 0px 0px 110px;
}
#index_contents .about_bnt a {
	display: block;
}
#index_contents .about_bnt .bnt {
	width: 48%;
	float: left;
	position: relative;
}
#index_contents .about_bnt .bnt a {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#index_contents .about_bnt .bnt a:hover {
	opacity: 0.7;
}

#index_contents .about_bnt .bnt:nth-child(even) {
	float: right;
}
#index_contents .about_bnt .bnt .st {
	width: 62%;
	position: absolute;
	right: 0px;
	bottom: -20px;
}
#index_contents .about_bnt .bnt .st .innar {
	position: relative;
	padding: 20px;
	background-color: #cb2837;
	color: #FFF;
}
#index_contents .about_bnt .bnt .st .innar::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 1.5em solid transparent;
    border-right: 1.5em solid #a3202c; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
#index_contents .about_bnt .bnt .st .sst {
	font-size: 21px;
	margin: 0px 0px 15px;
}

/***ひらお　建学の精神***/
#index_contents .hirao_link {
	background-image: url(/images/gakuen/index/hirao_img01.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 379px;
	color: #FFF;
	margin: 0px 0px 90px;
}
#index_contents .hirao_link .catch {
	position: absolute;
	top: 35%;
	left: 0px;
}
#index_contents .hirao_link .innar {
	min-height: 379px;
	max-width: 970px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
}
#index_contents .hirao_link .catch .st {
	color:  #fff;
	font-size: 20px;
	position: relative;
	text-align: center;
	margin: 0 0 30px;
	width: 55%;
}
#index_contents .hirao_link .catch .st span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
#index_contents .hirao_link .catch .st::before {
  position: absolute;
  top: 50%;
  left:0;
  z-index: 1;
  content: '';
  display: block;
  width: 30%;
  height: 1px;
  background-color: #fff;
}
#index_contents .hirao_link .catch .st::after {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  content: '';
  display: block;
  width: 30%;
  height: 1px;
  background-color: #fff;
}

#index_contents .hirao_link .catch p {
	font-size: 26px;
	line-height: 1.8em;
}
#index_contents .hirao_link .link_box {
	background-color: #000;
	position: absolute;
	right: 0px;
	bottom: -20px;
	width: 30%;
	padding: 20px 25px;
}
#index_contents .hirao_link .link_box ul li a {
	color: #FFF;
	font-size: 15px;
	line-height: 40px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#index_contents .hirao_link .link_box ul li a:hover {
	opacity:0.7;
}
#index_contents .hirao_link .link_box ul li a:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin: 0 10px 0 0;
	font-size: 15px;
	color: #fff;
}

/***甲南学園バナー***/
#ft_bnr .konan_bnt {
	margin: 0px 0px 60px;
}
#ft_bnr .konan_bnt .bnt {
	margin: 0px 2% 0px 0px;
	float: left;
	width: 31%;
	position: relative;
}
#ft_bnr .konan_bnt .bnt:last-child {
	margin: 0px;
}
#ft_bnr .konan_bnt .bnt .img {
	margin: 0px 0px 50px;
}
#ft_bnr .konan_bnt .bnt .bt {
	position: absolute;
	top: 57%;
	right: 0px;
	width: 80%;
	line-height: 52px;
	color: #FFF;
	background-color: #cb2837;
	font-size: 18px;
	padding: 0px 10px;
	border: solid 2px #cb2837;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#ft_bnr .konan_bnt .bnt .bt:after {
	content: "\f105";
	font-family: FontAwesome;
	margin: 0 10px 0 0;
	font-size: 30px;
	color: #fff;
	float:right;
}
#ft_bnr .konan_bnt .bnt .bt:hover {
	color: #cb2837;
	background-color: #fff;
}
#ft_bnr .konan_bnt .bnt .bt:hover:after {
	color: #cb2837;
}

#ft_bnr .bnr a {
	opacity:1;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	display:block;
}
#ft_bnr .bnr a:hover {
	opacity:0.7;
}
#ft_bnr .bnr .bnr_100th {
	/*background-color: #CB2837;*/
	float: left;
	width: 48%;
	/*margin: 15px 0 0;*/
}
#ft_bnr .bnr .today_bnr {
	float: right;
}
#ft_bnr .bnr .bnr_100th .st {
	float: left;
	width: 34%;
}
#ft_bnr .bnr .bnr_100th .countdown {
	float: left;
	width: 66%;
	padding: 15px 0px 0px;
}
#ft_bnr .bnr .bnr_100th .countdown .sst {
	margin: 0px 10px 15px;
}
#ft_bnr .bnr .bnr_100th .countdown .time {
	padding: 0px 10px;
}
#ft_bnr .bnr .bnr_100th .countdown .time ul li {
	float: left;
	margin: 0 0.5%;
}
#ft_bnr .bnr {
	margin: 0px 0px 45px;
}

@media only screen and (max-width: 768px){
#index_contents {
	padding: 0;
}
#index_contents .innar{
	margin: 0 5%;
	padding: 0;
}
#index_contents .bx-wrapper {
	margin: 0px 0px 25px !important;
}
#index_contents h2 {
	font-size: 18px;
	margin: 0px auto 25px;
	width: auto;
}
#index_contents h2 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
#index_contents h2::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #cb2837;
}

/***甲南学園について***/
#index_contents .about_bnt {
	margin: 0px 0px 40px;
}
#index_contents .about_bnt a {
	display: block;
}
#index_contents .about_bnt .bnt {
	width: 80%;
	float: none;
	margin: 10px auto 30px;
}
#index_contents .about_bnt .bnt:nth-child(even) {
	float: none;
}
#index_contents .about_bnt .bnt .st {
	width: 90%;
	position: absolute;
	right: 0px;
}
#index_contents .about_bnt .bnt .st .innar {
	padding: 15px;
	margin:  0;
}
#index_contents .about_bnt .bnt .st .innar::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 1.5em solid transparent;
    border-right: 1.5em solid #a3202c; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
#index_contents .about_bnt .bnt .st .sst {
	font-size: 18px;
	margin: 0px 0px 10px;
}

/***ひらお　建学の精神***/
#index_contents .hirao_link {
	background-image: none;
	margin: 0px 0px 40px;
}
#index_contents .hirao_link .catch {
	position: static;
}
#index_contents .hirao_link .innar {
	min-height: auto;
	margin: 0 auto;
	padding: 0 10px;
	position: static;
}
#index_contents .hirao_link .catch .st {
	color: #000;
	font-size: 18px;
	margin: 20px 0 15px;
	width: auto;
}
#index_contents .hirao_link .catch .st span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
#index_contents .hirao_link .catch .st::before {
  position: absolute;
  top: 50%;
  left:0;
  z-index: 1;
  content: '';
  display: block;
  width: 30%;
  height: 1px;
  background-color: #000;
}
#index_contents .hirao_link .catch .st::after {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  content: '';
  display: block;
  width: 30%;
  height: 1px;
  background-color: #000;
}

#index_contents .hirao_link .catch p {
	font-size: 18px;
	line-height: 1.5em;
	color:  #000;
	margin: 0 0 20px;
}
#index_contents .hirao_link .link_box {
	position: static;
	width: auto;
	padding: 15px 20px;
}
#index_contents .hirao_link .link_box ul li a {
	line-height: 30px;
	font-size: 14px;
}
#index_contents .hirao_link .link_box ul li a:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin: 0 10px 0 0;
	font-size: 13px;
	color: #fff;
}

/***甲南学園バナー***/
#ft_bnr .konan_bnt {
	margin: 0px 0px 40px;
}
#ft_bnr .konan_bnt .bnt {
	margin: 0 0 25px;
	float: none;
	width: auto;
	position: static;
}
#ft_bnr .konan_bnt .bnt:last-child {
	margin: 0px;
}
#ft_bnr .konan_bnt .bnt .img {
	margin: 0;
}
#ft_bnr .konan_bnt .bnt .img img {
	width: 100%;
}
#ft_bnr .konan_bnt .bnt .bt {
	position: static;
	width: auto;
	line-height: 45px;
	font-size: 16px;
	margin: 0 0 10px;
}
#ft_bnr .konan_bnt .bnt .bt:after {
	margin: 0 5px 0 0px;
	font-size: 20px;
}
#ft_bnr .bnr .bnr_100th {
	float: none;
	width: auto;
	margin: 0 0 15px;
}
#ft_bnr .bnr .today_bnr {
	float: right;
}
#ft_bnr .bnr .bnr_100th .st {
	float: left;
	width: 34%;
}
#ft_bnr .bnr .bnr_100th .countdown {
	padding: 0;
}
#ft_bnr .bnr .bnr_100th .countdown .sst {
	margin: 0px 2% 5px;
}
#ft_bnr .bnr .bnr_100th .countdown .time {
	padding: 0px 2%;
}
#ft_bnr .bnr .bnr_100th .countdown .time ul li {
	margin: 0 0.2%;
	width: 7.5%;
}
#ft_bnr .bnr {
	margin: 0px auto 40px;
	width: 90%;
}
}




/****************************************
+
+　歩み
+
*****************************************/
#ayumi .area_history {
	margin: 0px 0px 50px;
}
#ayumi .area_history .left {
}
#ayumi .area_history .right {
	float: right;
	width: 31%;
	text-align: center;
	margin: 0px 0px 2% 2%;
}
#ayumi .area_history .right .img {
	margin: 0px 0px 10px;
}
#ayumi .area_bggray {
	background-color: #EEEDED;
	padding: 15px;
	margin: 0px 0px 35px;
}
#ayumi .area_history_img {
	margin-bottom: 60px;
}
#ayumi .area_history_img li {
	float: left;
	width: 32%;
	margin-right: 2%;
	text-align:center;
}
#ayumi .area_history_img li:last-child {
	margin-right: 0%;
}

#ayumi .area_history_img2 {
	margin: 0px 0px 60px;
	padding: 0px 0px 50px;
	border-bottom: 1px solid #CCC;
}
#ayumi .area_history_img2 li {
	float: left;
	width: 48%;
	text-align:center;
	margin: 0 0 20px;
}

#ayumi .area_history_img2 li:nth-child(even) {
	float: right;
}
#ayumi .area_history_img2 .img {
	margin: 0 0 10px;
}

#ayumi .area_history_img3 {
	margin-bottom: 60px;
}
#ayumi .area_history_img3 li {
	float: left;
	width: 48%;
}
#ayumi .area_history_img3 li:last-child {
	float: right;
}

#ayumi .area_history_img4 {
	margin: 0px 0px 60px;
}
#ayumi .area_history_img4 li {
	float: left;
	width: 32%;
	margin-right: 2%;
	text-align:center;
}
#ayumi .area_history_img4 li:last-child {
	float: right;
	margin-right: 0%;
}
#ayumi .area_history_img4 .img {
	margin: 0 0 10px;
}

@media only screen and (max-width: 768px){
#ayumi .area_history {
	margin: 0px 0px 25px;
}
#ayumi .area_history .left {
}
#ayumi .area_history .right {
	width: 48%;
}
#ayumi .area_history .right .img {
	margin: 0px 0px 5px;
}
#ayumi .area_bggray {
	margin: 0px 0px 25px;
}
#ayumi .area_history_img {
	margin-bottom: 30px;
}
#ayumi .area_history_img li {
	width: 48%;
	margin: 0 0 2%;
}
#ayumi .area_history_img li:nth-child(even){
	float : right;
}
#ayumi .area_history_img li:last-child {
	margin-right: 0%;
}

#ayumi .area_history_img2 {
	margin: 0px 0px 30px;
	padding: 0;
}
#ayumi .area_history_img2 li {
	float: left;
	width: 48%;
	text-align:center;
	margin: 0 0 20px;
}

#ayumi .area_history_img2 li:nth-child(even) {
	float: right;
}
#ayumi .area_history_img2 .img {
	margin: 0 0 10px;
}

#ayumi .area_history_img3 {
	margin-bottom: 30px;
}
#ayumi .area_history_img3 li {
	float: left;
	width: 48%;
}
#ayumi .area_history_img3 li:last-child {
	float: right;
}

#ayumi .area_history_img4 {
	margin: 0px 0px 20px;
}
#ayumi .area_history_img4 li {
	width: 48%;
	margin: 0 0 20px;
}
#ayumi .area_history_img4 li:nth-child(even) {
	float: right;
}
#ayumi .area_history_img4 li:last-child {
	float: left;
}
#ayumi .area_history_img4 .img {
	margin: 0 0 5px;
}
}



/****************************************
+
+　タイトル
+
*****************************************/
.sub_ttl{
	margin: 0px 0px 30px;
	font-size: 20px;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px solid #cb2837;
	color: #cb2837;
}
.sub_ttl2{
	margin: 0px 0px 20px;
	font-size: 16px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
}
@media only screen and (max-width: 768px){
.sub_ttl{
	margin: 0px 0px 10px;
	font-size: 18px;
}
.sub_ttl2{
	margin: 0px 0px 15px;
	font-size: 15px;
}
}



/****************************************
+
+　タブ切り替え
+
*****************************************/
.tab ul{
	text-align: center;
}
.tab ul li{
	display: inline-block;
	width: 23%;
	text-align: center;
	border: 1px solid #CB2837;
	line-height: 50px;
	margin: 0px 5px;
	font-size: 20px;
}
.tab ul li a{
	color:#CB2837;
	display:block;
}
.tab ul li a:hover{
	color:#fff;
	background:#CB2837;
}
.tab ul .active a{
	color:#fff;
}
.tab ul .active{
	color:#fff;
	background:#CB2837;
}
.tab ul .active {
	position: relative;
	display: inline-block;
	margin: 1.5em 5px;
	min-width: 120px;
	max-width: 100%;
}
.tab ul .active:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #CB2837;
}
.tab ul .active a {
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 768px){
.tab ul{
	margin: 0 0 30px;
}
.tab ul{
	padding:0;
}
.tab ul li{
	display: block;
	width: auto;
	line-height: 35px;
	margin: 0px 0px 10px;
	font-size: 14px;
}
.tab ul li a{
	color:#CB2837;
	display:block;
}
.tab ul li a:hover{
	color:#fff;
	background:#CB2837;
}
.tab ul .active a{
	color:#fff;
}
.tab ul .active{
	color:#fff;
	background:#CB2837;
}
.tab ul .active {
 	display: block;
 	margin: 0 0 10px;
}
.tab ul .active:before{
	content: "";
	position: static;
	margin-left: 0;
	border: none;
	border-top: none;
}
.tab ul .active a {
	margin: 0;
	padding: 0;
}
}



/****************************************
+
+　年譜
+
*****************************************/
#nenpu table{
	margin: 0px 0px 80px;
	width: 100%;
	border-bottom: 1px solid #CCC;
}
	
#nenpu table tr{
	border-top:1px solid #cccccc;
}
#nenpu table tr th{
	width: 25%;
	padding: 15px;
	background-color: #f3f3f3;
	text-align: right;
}
#nenpu table tr td{
	width: 75%;
	padding: 15px;
}
#nenpu table .img{
	margin:10px 0 0;
}


/***ひらおの生涯***/
.nenpu_area{
	margin: 0px 0px 80px 0px;
}
#nenpu .txt_area{
	margin: 0px 0px 0px 0px;
}
#nenpu .img_area{
	float: right;
	width: 30%;
	margin: 0px 0px 0px 2%;
}
#nenpu .img_area img{
	margin:0px 0px 20px 0px;
}
#nenpu .img_area p{
	margin:0px 0px 20px 0px;
}




@media only screen and (max-width: 768px){
#nenpu table{
	margin: 0px 0px 40px;
	border: 1px solid #CCC;
}
	
#nenpu table tr{
	border-top:1px solid #cccccc;
}
#nenpu table tr th{
	width: auto;
	padding: 10px;
	text-align: left;
	display: block;
}
#nenpu table tr td{
	width: auto;
	padding: 10px;
	display:  block;
}
#nenpu table .img{
	margin:10px 0 0;
}

/***ひらおの生涯***/
.nenpu_area{
	margin: 0px 0px 40px 0px;
}
#nenpu .txt_area{
	margin: 0px 0px 0px 0px;
}
#nenpu .img_area{
	width: 55%;
	margin: 0px 0px 2% 2%;
}
#nenpu .img_area img{
	margin:0px 0px 20px 0px;
}
#nenpu .img_area p{
	margin:0px 0px 20px 0px;
}

}



/****************************************
+
+  創立者平生釟三郎
+
*****************************************/
#hirao .area_hirao {
	margin: 0px;
	padding: 0px 0px 60px;
}
#hirao .area_hirao .img {
	float: right;
	margin: 0 0 2% 2%;
	width: 31%;
}
#hirao .area_english {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding: 50px 0px 80px;
}

@media only screen and (max-width: 768px){
#hirao .area_hirao {
	padding: 0px 0px 30px;
}
#hirao .area_hirao .img {
	width: 48%;
}
#hirao .area_english {
	padding: 25px 0px 40px;
}
}





/****************************************
+
+  平生のことば
+
*****************************************/
.kotoba {
	margin: 0 0 35px;
}
.kotoba2 {
	margin: 0 0 80px;
}
.kotoba .box {
	margin: 0 0 10px;
	background-color: #eeeded;
	padding: 15px;
}
.kotoba .note {
	text-align:right;
}

@media only screen and (max-width: 768px){
.kotoba {
	margin: 0 0 20px;
}
.kotoba2 {
	margin: 0 0 40px;
}
.kotoba .box {
}
.kotoba .note {
	text-align: left;
}

}






/****************************************
+
+  著作一覧
+
*****************************************/
#chosaku .title_chosaku {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cb2837;
	margin: 0px 0px 35px;
	padding: 0px 0px 10px;
}
#chosaku .title_chosaku .title {
	margin: 0 0 10px;
}
#chosaku .title_chosaku .st {
	float: left;
	font-size: 20px;
	color: #cb2837;
}
#chosaku .title_chosaku .cont {
	float: right;
}
#chosaku .books {
	margin: 0 0 50px;
}
#chosaku .books li {
	margin-bottom: 27px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	padding-bottom: 15px;
}
#chosaku .books li .title {
	margin: 0px 0px 10px;
}
#chosaku .books li .st {
	font-size: 20px;
	float: left;
}
#chosaku .books li .cont {
	float: right;
}
#chosaku .books li .box {
	background-color: #F5F4F4;
	padding: 10px;
}
#chosaku .pagination {
	text-align: center;
	padding: 0px 0px 80px;
}
#chosaku .pagination li {
	display: inline-block;
	border: 1px solid #cb2837;
	margin: 0px 3px;
	width: 35px;
}
#chosaku .pagination li a {
	display: block;
	color: #cb2837;
	padding: 10px 5px;
	background:#fff;
}
#chosaku .pagination li a:hover {
	color: #fff;
	background:#cb2837;
}
#chosaku .pagination li a.active {
	color: #fff;
	background:#cb2837;
}



@media only screen and (max-width: 768px){
#chosaku .title_chosaku {
	margin: 0px 0px 20px;
}
#chosaku .title_chosaku .title {
	margin: 0 0 10px;
}
#chosaku .title_chosaku .st {
	float: none;
	font-size: 18px;
	margin:  0 0 5px;
}
#chosaku .title_chosaku .cont {
	float: none;
}
#chosaku .books li {
	margin-bottom: 20px;
}
#chosaku .books li .title {
	margin: 0px 0px 10px;
}
#chosaku .books li .st {
	font-size: 18px;
	float: none;
	line-height: 1.5em;
	margin:  0 0 5px;
}
#chosaku .books li .cont {
	float: none;
}
#chosaku .books li .box {line-height:  1.5em;}
#chosaku .pagination {
	padding: 0px 0px 40px;
}
#chosaku .pagination li {
	margin: 0px 2px;
}
#chosaku .pagination li a {
}
#chosaku .pagination li a:hover {
}
#chosaku .pagination li a.active {
}

}












/****************************************
+
+   甲南学園史資料室
+
*****************************************/
#gakuenshi .area1 {
	margin-bottom: 70px;
	margin-top: 35px;
}
#gakuenshi .area1 .img {
	margin: 0 0 10px;
}
#gakuenshi .area1 .left {
	float: left;
	width: 48%;
	margin-right: 2%;
	text-align: center;
}

#gakuenshi .area1 .right {
	float: left;
	width: 48%;
	margin-left: 2%;
	text-align: center;
}
#gakuenshi .area2 {
	margin-bottom: 140px;
	padding-top: 50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}
#gakuenshi .area2 .left {
	text-align: right;
	float: left;
	width: 48%;
}

#gakuenshi .area2 .right {
	text-align: left;
	float: right;
	width: 48%;
}

@media only screen and (max-width: 768px){
#gakuenshi .area1 .img {}
#gakuenshi .area1 .left {
	float: none;
	width: auto;
	margin-right: 0%;
	text-align: center;
	margin-bottom:20px;
}

#gakuenshi .area1 .right {
	float: none;
	width: auto;
	margin-left: 0%;
	text-align: center;
}
	
#gakuenshi .area2 .left {
	text-align: none;
	float: none;
	width: auto;
	margin-right: 0%;
	margin-bottom:20px;
}

#gakuenshi .area2 .right {
	text-align: none;
	float: none;
	width: auto;
	margin-left: 0%;
}
	
	
}



/****************************************
+
+   甲南学園歌
+
*****************************************/

#gakuenka .song {
	color: #cb2837;
	margin-bottom: 50px;
	padding-bottom: 14px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cb2837;
	font-size: 20px;
}
#gakuenka .area1 {
	margin-bottom: 25px;
}
#gakuenka .area2 {
	margin-top: 50px;
	margin-bottom: 50px;
}
#gakuenka .area2 .left {
	float: left;
	width: 50%;
	margin-right: 1.5%;
}

#gakuenka .area2 .right {
	float: left;
	width: 48.5%;
	margin-top: 45px;
}
#gakuenka .area_btn {
	margin-bottom: 25px;
}
#gakuenka .area_btn .btn {
	min-height: 65px;
	margin: 0px 2% 0px 0px;
	float: left;
	display: table;
	line-height: 1.5em;
	width: 48%;
}
#gakuenka .area_btn .btn:last-child {
	margin: 0px 0% 0px 0px;
	float:  right;
}
#gakuenka .area_btn .btn a      {
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
	text-align: justify;
	background-color: #f3f3f3;
}
#gakuenka .area_btn .btn a:hover      {
	background-color: #ccc;
}
#gakuenka .area_btn .pdf a:before {
	content: "\f1c1";
	font-family: FontAwesome;
	margin: 0 0 0 10px;
	font-size: 18px;
	color: #cb2837;
	float:right;
	line-height:20px;
}
#gakuenka .area_btn .right {
	float: left;
	margin-top:22px;
}
#gakuenka .area_btn .download a:before {
	content: "\f019";
	font-family: FontAwesome;
	margin: 0 0 0 10px;
	font-size: 18px;
	color: #cb2837;
	float:right;
	line-height:20px;
}


@media only screen and (max-width: 768px){
	
	#gakuenka .area2 .left {
	float: none;
	width: auto;
	margin-right: 0%;
	margin-bottom:20px;
}

#gakuenka .area2 .right {
	float: none;
	width: auto;
	margin-right: 0%;
	margin-bottom:20px;
}

#gakuenka .area_btn {
	margin-bottom: 15px;
}
#gakuenka .area_btn .btn {
	min-height: 35px;
	margin: 0px 0px 10px 0px;
	float: none;
	display: block;
	width: auto;
	line-height:  35px;
}
#gakuenka .area_btn .btn a      {
	display: block;
	padding:  10px;
}
#gakuenka .area_btn .btn a:hover      {
	background-color: #ccc;
}
#gakuenka .area_btn .pdf a:before {
	line-height: 35px;
	margin:  0 10px;
}
#gakuenka .area_btn .right {
	float: none;
	margin: 10px 0 20px;
}
#gakuenka .area_btn .download a:before {
	margin: 0 10px;
	font-size: 16px;
	line-height: 35px;
}
		
}






/****************************************
+
+   KONAN TODAY
+
*****************************************/
#kouhou .intro_box {
	background-color: #f5f4f4;
	padding: 20px;
	margin: 0px 0px 30px;
}
.kouhou_download {
	padding: 0 0 40px;
}
.kouhou_download ul {
	float: left;
	width: 16.4948%;
	margin: 0px 4% 20px 0px;
}
.kouhou_download ul a {
    color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.kouhou_download ul a:hover img {
 opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
.kouhou_download ul a:hover {
	color: #cb2837;
}





.kouhou_download ul:nth-child(5n) {
	margin: 0px 0px 20px 0px;
}
.kouhou_download ul a {
}
.kouhou_download ul .img {
	text-align: center;
	margin: 0px 0px 10px;
}
.kouhou_download ul .pdf_bt {
	text-align: center;
	font-size: 13px;
}
.kouhou_download ul .pdf_bt:after {
	content: "\f1c1";
	font-family: FontAwesome;
	margin: 0 0 0 5px;
	font-size: 14px;
	color: #cb2837;
}

@media only screen and (max-width: 768px){
#kouhou .intro_box {
	padding: 15px;
	margin: 0px 0px 20px;
}
.kouhou_download {
	padding: 0 0 40px;
}
.kouhou_download ul {
	width: 48%;
	margin: 0px 0px 20px 0px;
}
.kouhou_download ul:nth-child(even) {
	float:right;
	margin: 0px 0px 20px 0px;
}
.kouhou_download ul:nth-child(5n) {
	margin: 0px 0px 20px 0px;
}
.kouhou_download ul .img {
	margin: 0px 0px 5px;
}
.kouhou_download ul .pdf_bt {
}
.kouhou_download ul .pdf_bt a:after {
	font-size: 13px;
}
}







/****************************************
+
+   学園事務組織
+
*****************************************/
.inq_table01 {
	width: 100%;
	border: 1px solid #CCC;
	margin: 0px 0px 80px;
}
.inq_table01 tr th {
	background-color: #f5f5f5;
	text-align: center;
	padding: 10px;
	border: 1px solid #CCC;
	font-weight: bold;
}
.inq_table01 tr td {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #CCC;
}
.inq_table01 tr .inquiry-td-01 {
	text-align:left;
}
.inq_table01 tr .inquiry-td-02 , .inq_table01 tr .inquiry-td-03 , .inq_table01 tr .inquiry-td-04 {
	text-align:center;
}
.inq_intro {
	margin: 0px 0px 40px;
}
.inq_intro ul li {
	text-indent: -1em;
	margin: 0px 0px 10px 1em;
}


/****************************************
+
+  研究論文等一覧
+
*****************************************/
#ronbun .tab_bt {
	margin: 70px auto 50px;
}
#ronbun .tab_bt li  {
	float: left;
	text-align: center;
	width: 12.3%;
	line-height: 35px;
	box-sizing: border-box;
}
#ronbun .tab_bt li a  {
	border-left: 1px solid #CCC;
	display:block;
}
#ronbun .tab_bt li a:last-child {
}
#ronbun .tab_bt li:hover {
	border-bottom: 2px solid #CB2837;
}
#ronbun .tab_bt li.active {
	border-bottom: 2px solid #CB2837;
}
#ronbun .tab_bt li:last-child.active {
}


#ronbun .tab_container .tab8 dl a:hover .text .st {
	color: #C21B24;
	text-decoration: none;
}
#ronbun .tab_container .books:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
#ronbun .books {
	padding: 0 0 80px;
}
#ronbun .tab_container .books {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
}
#ronbun .tab_container .books dl {
	position: relative;
}
#ronbun .tab_container .books .title {
}
#ronbun .tab_container .books .st {
	font-size: 20px;
	float: left;
	line-height: 1.5em;
}
#ronbun .tab_container .books .cont {
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#ronbun .tab_container .books .box {
	background-color: #F5F4F4;
	padding: 10px;
}
#ronbun .tab_container .books:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}


@media only screen and (max-width: 768px){
#ronbun{
	padding-top: 0;
}
#ronbun .innar {
	width: auto;
	margin-right: 3%;
	margin-left: 3%;
	padding: 0px 0px 55px;
}
#ronbun .tab_bt {
	margin: 30px auto 25px;
}
#ronbun .tab_bt li  {
	width: 32%;
	margin:  0 0 10px;
	border-bottom:  solid 2px #fff;
}
#ronbun .tab_bt li a  {
	border-left: 1px solid #CCC;
	display:block;
}
#ronbun .tab_bt li a:last-child {
}
#ronbun .tab_bt li:hover {
	border-bottom: 2px solid #CB2837;
}
#ronbun .tab_bt li.active {
	border-bottom: 2px solid #CB2837;
}
#ronbun .tab_bt li:last-child.active {
}


#ronbun .tab_container .tab8 dl a:hover .text .st {
	color: #C21B24;
	text-decoration: none;
}
#ronbun .tab_container .books:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
#ronbun .books {
	padding: 0 0 80px;
}
#ronbun .tab_container .books {
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
}
#ronbun .tab_container .books dl {
	position: relative;
}
#ronbun .tab_container .books .title {
}
#ronbun .tab_container .books .st {
	font-size: 18px;
	float: none;
	margin:  0 0 10px;
}
#ronbun .tab_container .books .cont {
	float: none;
	position: static;
}
#ronbun .tab_container .books .box {
	background-color: #F5F4F4;
	padding: 10px;
}
#ronbun .tab_container .books:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility:hidden;
}
}


/****************************************
+
+  研究論文等一覧
+
*****************************************/
#ronbun .pager {
	text-align:center;
	margin: 0 0 30px;
}
#ronbun .pager li {
	border-left: 1px solid #CCC;
	width: 12.3%;
	line-height: 35px;
	float: left;
}
#ronbun .pager li:last-child {
	border-right: 1px solid #CCC;
}
#ronbun .pager li a {
}
#ronbun .pager li a:hover {
	border-bottom: 2px solid #CB2837;
}
#ronbun .pager .active {
	border-bottom: 2px solid #CB2837;
}


#ronbun .title_ronbun {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cb2837;
	margin: 0px 0px 35px;
	padding: 0px 0px 10px;
}
#ronbun .title_ronbun .title {
	margin: 0 0 10px;
}
#ronbun .title_ronbun .st {
	float: left;
	font-size: 20px;
	color: #cb2837;
}
#ronbun .title_ronbun .cont {
	float: right;
}



@media only screen and (max-width: 768px){
#ronbun .pager {
	margin: 0 0 20px;
}
#ronbun .pager li {
	width: 48%;
	line-height: 25px;
	margin: 0 0 10px;
}
#ronbun .pager li:nth-child(even) {
	float:right;
	border-right: 1px solid #CCC;
}
#ronbun .pager li:last-child {
}
#ronbun .pager li a {
}
#ronbun .pager li a:hover {
}
#ronbun .pager .active {
}


#ronbun .title_ronbun {
	margin: 0px 0px 20px;
}
#ronbun .title_ronbun .title {
	margin: 0 0 10px;
}
#ronbun .title_ronbun .st {
	float: none;
	font-size: 18px;
	margin: 0 0 5px;
}
#ronbun .title_ronbun .cont {
	float: none;
}
#ronbun .books {
	padding: 0 0 40px;
}
#ronbun .books li {
	margin: 0px 0px 15px;
	padding: 0px 0px 15px;
}
#ronbun .books li .title {
	position: static;
}
#ronbun .books li .st {
	font-size: 18px;
	float: none;
	line-height: 1.5em;
	margin:  0 0 10px;
}
#ronbun .books li .cont {
	float: none;
	position: static;
}
#ronbun .books li .box {
	background-color: #F5F4F4;
	padding: 10px;
}
}

.htable tr th {
	background-color: #f3f3f3;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #CCC;
}
.htable tr td {
	border: 1px solid #CCC;
	padding: 10px;
}

@media only screen and (max-width: 768px){
.htable {
	width: 100%;
	border: none;
	margin: 0px 0px 10px;
	display: block;
	font-size: 13px !important;
	border-bottom: solid 1px #ccc;
}
.htable thead{ 
    display: block; 
    float: left;
    overflow-x:scroll;
  }
.htable tbody{ 
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;
}
.htable tr th{
    display: block;
    width: auto !important;
    border-bottom: none;
}
.htable tbody tr{ 
    display: inline-block; 
    margin: 0 -3px;
}
.htable td{ 
    display: block;
 }
.htable tr td {
	border-bottom: none;
	padding: 10px;
	width: auto;
	display:  block;
	text-align: left;
	height: auto !important;
}
.sp_note {
	font-size: 12px;
	margin: 0px 0px 25px;
	text-align: right;
	line-height: 1.2em;
}
}





/***学園資料室***/
.konan_ob_bnt {
	margin: 0px 0px 80px;
	text-align: center;
}
.konan_ob_bnt .bnt {
	width: 40%;
	position: relative;
	display: inline-block;
	margin: 0 1%;
}
.konan_ob_bnt .bnt:last-child {
}
.konan_ob_bnt .bnt .img {
}
.konan_ob_bnt .bnt .img img {
	width:100%;
	height:auto;
}
.konan_ob_bnt .bnt .bt {
	position: absolute;
	bottom: -20px;
	right: 0px;
	width: 80%;
	line-height: 52px;
	color: #FFF;
	background-color: #cb2837;
	font-size: 18px;
	padding: 0px 10px;
	border: solid 2px #cb2837;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.konan_ob_bnt .bnt .bt:after{
	margin: 20px 5px 0 0;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(/images/common/blank_icon_w.png);
	background-size: contain;
	vertical-align: middle;
	float:right;
}
.konan_ob_bnt .bnt .bt:hover {
	color: #cb2837;
	background-color: #fff;
}
.konan_ob_bnt .bnt .bt:hover:after {
	margin: 20px 5px 0 0;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(/images/common/blank_icon_r.png);
	background-size: contain;
	vertical-align: middle;
	float:right;
}
@media only screen and (max-width: 768px){
.konan_ob_bnt {
	margin: 0px 0px 40px;
}
.konan_ob_bnt .bnt {
	margin: 0 0 25px;
	float: none;
	width: auto;
	position: static;
}
.konan_ob_bnt .bnt:last-child {
	margin: 0px;
}
.konan_ob_bnt .bnt .img {
	margin: 0;
}
.konan_ob_bnt .bnt .img img {
	width: 100%;
}
.konan_ob_bnt .bnt .bt {
	position: static;
	width: auto;
	line-height: 45px;
	font-size: 15px;
	margin: 0 0 10px;
}
.konan_ob_bnt .bnt .bt:after{
	margin: 15px 10px 0 0;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(/images/common/blank_icon_w.png);
	background-size: contain;
	vertical-align: middle;
	float:right;
}
.konan_ob_bnt .bnt .bt:hover:after {
	margin: 15px 10px 0 0;
	content: " ";
	display: inline-block;
	width: 12px;
	height: 10px;
	background: url(/images/common/blank_icon_r.png);
	background-size: contain;
	vertical-align: middle;
	float:right;
}
}
.jigyou.zaimu tr td a{
	text-decoration:underline;
}
.jigyou.zaimu tr td a:hover{
	text-decoration:none;
	color:#666;
}
.jigyou.zaimu tr td a:after {
	content: "";
	font-family: FontAwesome;
	margin: 0 0 0 5px;
	font-size: 15px;
	color: #cb2837;
}
a.under{
	text-decoration:underline !important;
}
a.under:hover{
	text-decoration:none !important;
	color:#666;
}
footer .f_inner .sitemap.gakuen-footer-link .link1:first-child {
    width: 20%;
}
@media only screen and (max-width: 768px){
footer .f_inner .sitemap.gakuen-footer-link .link1:first-child {
    width: 100%;
}
}
/* hirao-philosophy */
.hirao-philosophy #ttlNav .title {
    width: auto;
}
.hirao-philosophy,.hirao-philosophy p {
    font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Meiryo", "MS Mincho", "IPA Mincho", "IPAMincho", "DF Mincho", "Hiragino-Mincho", serif;
}
.hirao-philosophy .phi-header {
    padding: 30px 0;
}
.hirao-philosophy .img-01 {
    text-align: center;
    padding: 0 0 30px;
}
.hirao-philosophy .img-01 img {
    max-width: 80%;
    height: auto;
}
.hirao-philosophy .phi-lead {
    text-align: center;
    line-height: 190%;
    padding: 0 0 50px;  
}
.hirao-philosophy .phi-ttl {
    text-align: center;
    font-size: 3rem;
    color: #707070;
    padding: 0 0 20px;
    line-height: 100%;
}
.hirao-philosophy .phi-ttl span {
    font-size: 1.9rem;
    padding: 0 1em 0 0;
}
.hirao-philosophy p.book-status {
    text-align: center;
    padding: 10px 0 10px;
}
.hirao-philosophy p.book-status2 {
    text-align: center;
    padding: 0 0 10px;
    font-size: 1.2rem;
}
.hirao-philosophy p.book-status2 span {
    font-size: 0.9rem;
    padding: 0 1rem;
}
.hirao-philosophy a.book-buy {
    background: #c90813;
    color: #fff;
    display: block;
    width: 400px;
    text-align: center;
    margin: 30px auto 0;
    padding: 15px;
    border-radius: 30px;
}
.hirao-philosophy a.book-buy:hover {
    background: #e9cfcf;
    color: #c90813;
}
.hirao-philosophy .mokuji {
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    padding: 30px 0;
    margin: 0 0 30px;
    line-height: 180%;
}
.hirao-philosophy p.mokuji-ttl {
    text-align: center;
}
.hirao-philosophy li.li-lv02 {
    text-indent: 1em;
}
.hirao-philosophy p.manga {
    text-align: center;
}
.hirao-philosophy p.manga img {
    max-width: 50%;
    height: auto;
}
.hirao-philosophy .ohtr-link a {
    background: #c90813;
    color: #fff;
    display: block;
    width: 400px;
    text-align: center;
    margin: 30px auto 0;
    padding: 15px;
}
.hirao-philosophy .ohtr-link a:hover {
    background: #e9cfcf;
    color: #c90813;
}
.hirao-philosophy .book-cover {
	position: relative;
	z-index: 999;
}
.hirao-philosophy .book-cover:after {
	content: "";
	display: block;
	width: 100%;
	height: 250px;
	background: #ccc;
	z-index: 10;
	position: absolute;
	top: 15%;
}
.hirao-philosophy .book-cover #innarWrap {
    z-index: 999;
    position: relative;
}
.slick-slide img {
    width: 600px;
    height: auto;
    margin: auto;
}
@media only screen and (max-width: 768px){
.hirao-philosophy .phi-lead {
    text-align: left;
}
.hirao-philosophy .phi-lead br {
    display: none;
}
.hirao-philosophy .phi-ttl {
    font-size: 1.3rem;
}
.hirao-philosophy .phi-ttl span {
    font-size: 0.9rem;
}
.hirao-philosophy .book-cover:after {
    height: 100px;
}
.hirao-philosophy .slider {
}
.hirao-philosophy .slider-controls {
    position: relative;
}
.hirao-philosophy .slider-controls .prev-slide {
    position: absolute;
    left: 0;
}
.hirao-philosophy a.book-buy,.hirao-philosophy .ohtr-link a {
    width: 90%;
}
.hirao-philosophy .mokuji {
    margin-top: 50px;
}
.hirao-philosophy .slide img {
    width: 50%;
}
.slick-slide img {
    width: 90%;
}
}
footer {
    background: #f0f0f0;
}
.today_bnr img {
    max-width: 470px;
}