@media screen and (max-width: 768px) {
	#globalHeader{
		border-bottom: none;
	}
}
/* ////////////////////////////////////////////////////////////////////
#globalFooter
//////////////////////////////////////////////////////////////////// */
#globalFooter .footer01 {
  background: #FFF;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	color: #333;
}
#globalFooter .footer02 {
  background: #FFF;
	color: #333;
}
#globalFooter .footer02 a:link,
#globalFooter .footer02 a:visited{
	color: #333 !important;
}
#globalFooter .footer02 a:hover,
#globalFooter .footer02 a:active{
	color: #333 !important;
}
@media screen and (max-width:768px) {
	#globalFooter .footer02 .link li a{
		border-bottom: 1px dotted #CCC;
	}
}
body{
	/*font-family:"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	font-family:"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"游ゴシック",YuGothic,"メイリオ",Meiryo,sans-serif;
}
.d-font01{
	/*font-family: 'Anton', sans-serif;*/
	font-family: 'Fjalla One', sans-serif;
}
/* ////////////////////////////////////////////////////////////////////
#共通
//////////////////////////////////////////////////////////////////// */
/*透過*/
.opa{
	display:block;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}
.opa:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*ズーム*/
.zoom-on{
	display:block;
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;	
}
.zoom-on:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
/*ズーム*/
.zoom-off{
	display:block;
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;	
}
.zoom-off:hover{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}
/*.cont_inner*/
.cont_inner{
	padding:40px 20px;
}
.clumnbox{
	overflow: hidden;
	zoom:1;
}
/**/
.pc-only{display: block;}
.sp-only{display: none;}
@media screen and (max-width:568px) {
	.pc-only{display: none;}
	.sp-only{display: block;}
}

/*=====================================================================
/* .lyt-inner
===================================================================== */
.lyt-inner{
	position:relative;
	margin:0 auto;
	max-width:1080px;
}
.lyt-inner:before,
.lyt-inner:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.lyt-inner:after {clear: both;}
.lyt-inner {zoom: 1;} /* IE < 8 */

/*=====================================================================
/* .g-menu
===================================================================== */
.g-menu ul{
	margin-left: -3%;
	overflow: hidden;
	zoom:1;
}
.g-menu ul li{
	float: left;
	width: 30.33333%;
	margin-left:3%;
}
.g-menu ul li a{
	display: block;
}
.g-menu ul li a span{
	display: block;
	margin: 0 auto;
}
.g-menu .active{
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
.go_home{}
.go_home a{
	display: block;
	padding: 2px;
	font-size: 70%;
	font-weight: 400;
	text-align: center;
	border: 2px solid #333;
	background: #FFF;
	line-height: 1;
}
.go_home a span{
	display: block;
	max-width: 40px;
	margin: 0 auto;
}
.go_home a:link,
.go_home a:visited{
	color: #333;
	text-decoration: none;
}
.go_home a:hover,
.go_home a:active{
	color: #333;
	text-decoration: none;
	background: #BBB;
}

/*////////////////////////////////////////////////////////////////////
#h_menu
//////////////////////////////////////////////////////////////////// */
#h_menu{
	display:block;
	max-width: 150px;
	margin:0;
	
	position:fixed;
	top:70px;
	right:10px;
	z-index: 9997;
}
#h_menu .g-menu{
	margin-bottom: 10px;
}

@media screen and (max-width:768px) {
	#h_menu{
		display:none;
		position:fix;
		left:0;
		top:0;
		max-width:none;
		width: 100%;
		margin: 0;
		padding:50px 10px 10px 10px;
		/*background: #FFF;*/
		background-color: rgba(255,255,255,0.90);
		z-index: 9998;
	}
	#h_menu .g-menu{
		max-width: 400px;
		margin: 0 auto 10px auto;
	}
	#h_menu .btn_gallery{
		max-width: 400px;
		margin: 0 auto;
	}
}

/*#nav_toggle*/
#nav_toggle{
  display: none;
  /* #nav-toggle 切り替えアニメーション */
}
@media screen and (max-width: 768px) {
  #nav_toggle {
    display: block;
    position:fixed;
    right: 10px;
    top: 20px;
    width: 28px;
    height: 30px;
    cursor: pointer;
    z-index: 10001;
  }
}
#nav_toggle div {
  position: relative;
}
#nav_toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  /*background: #aaa;*/
  background: #BBB;
  left: 0;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {
  top: 0;
}
#nav_toggle span:nth-child(2) {
  top: 10px;
}
#nav_toggle span:nth-child(3) {
  top: 20px;
}
#nav_toggle.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav_toggle.open span:nth-child(2) {
  width: 0;
  left: 50%;
}
#nav_toggle.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* ////////////////////////////////////////////////////////////////////
#top_cont
//////////////////////////////////////////////////////////////////// */

#top_cont{position: relative;}
/* --------------------------------------------------------------------
#mainVisual
-------------------------------------------------------------------- */
#top_cont #mainVisual{
	padding:40px 0 40px 0; 
	border-bottom: 1px solid #333;
	overflow: hidden;
	zoom:1;
}
#top_cont #mainVisual .inner{
	position: relative;
	width: 98%;
	margin:0 auto;
	background-color: #C3C3C3;
	line-height: 1;
}
#top_cont #mainVisual h1{
	position: absolute;
	width: 50%;
	top:40px;
	left:12%;
	z-index: 9894;
}
#top_cont #mainVisual .person{
	position: absolute;
}
#top_cont #mainVisual .person01{
	width:26%;
	top:-30px;
	right:15%;
	z-index: 9890;
}
#top_cont #mainVisual .person02{
	width: 38%;
	bottom:-40px;
	right: -5%;
	z-index: 9891;
}
#top_cont #mainVisual .person03{
	width: 20%;
	top:40px;
	left: -5%;
	z-index: 9890;
}
@media screen and (max-width:768px) {
	#top_cont #mainVisual{
		padding:4% 0 6% 0; 
	}
	#top_cont #mainVisual .inner{
		width: 90%;
		margin:0 5%;
	}
	#top_cont #mainVisual h1{
		width:80%;
		top:5%;
		left:10%;
	}
	#top_cont #mainVisual .person{
		position: absolute;
	}
	#top_cont #mainVisual .person01{
		width: 34%;
		top:-2%;
		right: -5%;
	}
	#top_cont #mainVisual .person02{
		width: 48%;
		bottom:-6%;
		right: -5%;
	}
	#top_cont #mainVisual .person03{
		width: 35%;
		top:auto;
		bottom:-2%;
		left: -13%;
	}
}
@media screen and (max-width:568px) {
}
/* --------------------------------------------------------------------
#lead
-------------------------------------------------------------------- */
#top_cont #lead{
	padding-top:40px;
	padding-bottom:140px;
}
/*.txt*/
#top_cont #lead .txt{
	margin-bottom: 40px;
	font-size:100%;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:568px) {
	#top_cont #lead .txt{
		margin-bottom: 10px;
		font-size: 84%;
		text-align: center;
	}
}
/*.top-menu*/
.top-menu{
	overflow: hidden;
	zoom:1;
}
.top-menu ul{
	margin-left: -3%;
}
.top-menu ul li{
	float: left;
	width: 30.33333%;
	margin-left:3%;
}
.top-menu li a{
	position: relative;
	display: block;
}
.top-menu li a .ttl{
	width: 100%;
	padding: 5px;
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 1;
}
.top-menu li a .ttl span{
	display: block;
	max-width: 200px;
	margin: 0 auto;
}
@media screen and (max-width:768px) {
	.top-menu ul{
		margin-left: -2%;
	}
	.top-menu ul li{
		width: 31.33333%;
		margin-left:2%;
	}
}
@media screen and (max-width:568px) {
	.top-menu ul{
		margin-left:0;
	}
	.top-menu ul li{
		float: none;
		width: 100%;
		margin-left:0;
	}
}
/* --------------------------------------------------------------------
#backnumber
-------------------------------------------------------------------- */
#backnumber{
	position: relative;
	padding: 60px 0;
	background-color: #EBE8E3;
}
#backnumber h2{
	position: absolute;
	width: 260px;
	top:-85px;
	left: 50%;
	margin-left: -130px;
}
#backnumber nav{
	max-width: 500px;
	margin: 0 auto;
	overflow: hidden;
	zoom:1;
}
#backnumber nav ul{
	margin-left: -2%;
	overflow: hidden;
	zoom:1;
}
#backnumber nav ul li{
	float: left;
	width: 30.333333%;
	margin-left:3%;
}
#backnumber nav ul li a{
	display: block;
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:568px) {
}


/* ////////////////////////////////////////////////////////////////////
#campus_cont
//////////////////////////////////////////////////////////////////// */
#campus_cont{position: relative;}
/*mv*/
#campus_cont .mv{
	position: relative;
}
#campus_cont .mv .wrap{
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	line-height: 1;
	padding-top: 20%;
}
#campus_cont .mv .wrap .logo{
	width: 60%;
	position: absolute;
	left: 50%;
	top:7%;
	margin-left: -30%;
}
@media screen and (max-width: 768px) {
	#campus_cont .lyt-inner{
		padding: 0;
	}
}
/*.pager*/
#campus_cont .pager li{
	position: absolute;
	top:60%;
	margin-top: -25px;
}
#campus_cont .pager li a{
	display: block;
	width: 90px;
	height: 50px;
	background-size: 27px 50px;
	background-repeat: no-repeat;
}
#campus_cont .pager li.prev{
	left: 0;
}
#campus_cont .pager li.prev a{
	padding-left: 30px;
	background-image: url(/features/ritsu-colle-2017ss/common/img/arrow_l.png);
	background-position: left center;
}
#campus_cont .pager li.next{
	right: 0;
}
#campus_cont .pager li.next a{
	padding-right: 30px;
	background-image: url(/features/ritsu-colle-2017ss/common/img/arrow_r.png);
	background-position: right center;
}
#campus_cont .pager li span{
	display: block;
	width: 100px;
	position: absolute;
	top:50%;
	margin-top: -14px;
}
#campus_cont .pager li.prev span{
	left: 30px;
}
#campus_cont .pager li.next span{
	right: 30px;
}
#campus_cont .pager li.kic span{
	margin-top: -20px;
}
@media screen and (max-width: 768px) {
	#campus_cont .pager{display:none;}
}

/* ////////////////////////////////////////////////////////////////////
list-wrap
//////////////////////////////////////////////////////////////////// */
#campus_cont .list-wrap{padding:80px 0;}
/*.lyt-box*/
.lyt-box{
	margin-bottom: 60px;
}
/*.info*/
.lyt-box .info{
	position: relative;
	margin-bottom: 30px;
}
.lyt-box .info .number{
	display: block;
	width: 1.3em;
	height: 1.3em;
	margin: 0 auto 30px auto;
	line-height: 1.3em;
	font-size: 450%;
	font-weight:normal;
	text-align: center;
	border: 3px solid #000;
	color: #000;
}
.lyt-box .info .name{
	margin-bottom: 5px;
	font-size: 200%;
	text-align: center;
	font-weight: 200;
}
.lyt-box .info .name span{
	font-weight: normal;
	font-size: 40%;
}
.lyt-box .info .shozoku{
	text-align: center;
}
/*.img_box*/
.lyt-box .img_box{
	float: left;
	width: 45%;
}
.lyt-box.odd .img_box{float: right;}
.lyt-box .photo{
	margin-bottom: 30px;
}
.lyt-box .img_box .nav{
	overflow: hidden;
	zoom:1;
}
.img_box .nav ul{
	overflow: hidden;
	zoom:1;
	margin-left: -5%;
}
.img_box .nav ul li{
	float: left;
	width: 28.33333%;
	margin-left: 5%;
}
.img_box .nav ul li a{
	display: block;
}
.img_box .nav ul li.over{
	display: none;
}
.img_box .over img{
	opacity:0.5;
}
.lyt-box .qa{
	float: right;
	width: 45%;
	font-size: 115%;
}
.lyt-box.odd .qa{float: left;}
.lyt-box .qa dt{
	margin-bottom: 15px;
	padding-bottom: 15px;
	color:#999;
	font-weight: bold;
	border-bottom: 1px solid #333;
}
.lyt-box .qa dd{
	margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
	#campus_cont .list-wrap{padding: 70px 30px;}
	
	/*.lyt-box*/
	.lyt-box{
		margin-bottom: 40px;
	}
	/*.info*/
	.lyt-box .info{
		margin-bottom: 30px;
	}
	.lyt-box .info .number{
		font-size: 350%;
		position: absolute;
		left: 0;
		top:-0.2em;
	}
	.lyt-box .info .name{
		margin-bottom: 0;
		font-size: 160%;
		text-align:left;
		padding-left:100px;
	}
	.lyt-box .info .shozoku{
		text-align:left;
		padding-left:100px;
	}
	/*.img_box*/
	.lyt-box .img_box{
		float:none;
		width:auto;
		max-width: 568px;
		margin: 0 auto 30px auto;
	}
	.lyt-box.odd .img_box{float:none;}
	.lyt-box .qa{
		float:none;
		width:auto;
		max-width: 568px;
		margin: 0 auto;
		font-size: 100%;
	}
	.lyt-box.odd .qa{float:none;}
	.lyt-box .qa dt{
		margin-bottom: 15px;
		padding-bottom:0;
		font-weight: 600;
		border-bottom:none;
	}
	.lyt-box .qa dd{
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 568px) {
	.lyt-box .qa{
		font-size: 86%;
	}
	.lyt-box .qa dt{
		margin-bottom: 5px;
	}
	.lyt-box .qa dd{
		margin-bottom: 10px;
	}
}
/* --------------------------------------------------------------------
#itemlist
-------------------------------------------------------------------- */
#itemlist{
	position: relative;
	padding:90px 0 35px 0;
	background-color: #EBE8E3;
}
#itemlist h2{
	position: absolute;
	width: 220px;
	top:-85px;
	left: 50%;
	margin-left: -110px;
}
#itemlist nav{
	overflow: hidden;
	zoom:1;
}
#itemlist nav ul{
	margin-left: -2%;
	padding-top: 15px;
	overflow: hidden;
	zoom:1;
}
#itemlist nav ul li{
	float: left;
	width: 23%;
	margin-left: 2%;
	margin-bottom: 25px;
}
#itemlist nav ul li a{
	display: block;
	position: relative;
}
#itemlist nav ul li a .num{
	font-size: 300%;
	position: absolute;
	line-height: 1;
	left: 10px;
	top:-15px;
}
#itemlist nav ul li a:link,
#itemlist nav ul li a:visited,
#itemlist nav ul li a:hover,
#itemlist nav ul li a:active{
	color: #FFF;
	text-decoration: none;
}
#thanks{
	padding: 30px 0 0 0;
	border-top: 1px solid #CCC;
	font-size: 140%;
	color: #999;
}
.kic #globalFooter .footer01{
	border-top:none;
}
@media screen and (max-width: 768px) {
	#itemlist{
		padding:90px 0 30px 0;
	}
	#itemlist nav ul li a .num{
		font-size: 280%;
		top:-10px;
	}
	#itemlist nav ul{
		padding-top: 10px;
	}
	#itemlist nav ul li{
		width: 31.3333%;
		margin-bottom: 20px;
	}
	#thanks{
		font-size: 130%;
	}
}
@media screen and (max-width: 568px) {
	#itemlist{
		padding:75px 0 20px 0;
	}
	#itemlist h2{
		position: absolute;
		width: 200px;
		top:-85px;
		left: 50%;
		margin-left: -100px;
	}
	#itemlist nav ul{
		margin-left: -3%;
	}
	#itemlist nav ul li{
		width: 47%;
		margin-left: 3%;
		margin-bottom: 15px;
	}
	#thanks{
		font-size: 115%;
	}
	
}