@charset "utf-8";

* {
	box-sizing							: border-box;
}

html,body {
	height								: 100%;
}
body {
	font-size							: 13px;
	*font-size							: small;
	*font								: x-small;
	font-family							: Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
	text-align							: center;
	margin								: 0;
	padding								: 0;
	background-color					: #f0f0f0;
}
h1,
h2,
h3 {
	font-weight							: normal;
	margin								: 0;
	padding								: 0;
}
a:link,
a:hover,
a:visited,
a:active {
	color								: #333;
	text-decoration						: none;
	-webkit-transition					: all 0.3s ease 0s;
	-moz-transition						: all 0.3s ease 0s;
	-o-transition						: all 0.3s ease 0s;
	-ms-transition						: all 0.3s ease 0s;
	transition							: all 0.3s ease 0s;
}
a:hover {
	color								: #d94241;
	text-decoration						: none;
}
.attent {
	font-size							: 85%;
}

ul,
ul > li {
	list-style-type						: none;
	padding								: 0;
	margin								: 0;
}

/*フロート解除*/
.clearfix:before,
.clearfix:after {
	content								: " ";
	display								: table;
}
.clearfix:after {
	clear								: both;
}
.clearfix {
	*zoom								: 1;
}

/*
 ファーストビュー
----------------------------------------------------------------------*/
#firstView {
	font-size							: 100%;
	text-align							: center;
	width								: 100%;
	margin-bottom						: 2%;
	/*background-color					: #fff;*/
	background							: url( "../image/bg_new.gif" ) no-repeat left top;
	background-size						: cover;
	border-bottom						: 5px solid #fc9794;
}

#header_logo {
	text-align							: right;
	width								: 100%;
	padding								: 2% 5%;
	background-color					: #fc9794;
}
#header_logo img {
	width								: 50%;
}

#content-header {
	width								: 90%;
	height								: auto;
	margin								: 0 auto;
	padding								: 1% 0 40%;
	position                            : relative;
}

/* コピー */
#firstView #header_copy {
	color								: #fff;
	font-size							: 120%;
	line-height							: 1.4;
	text-align							: left;
	vertical-align						: top;
	width								: 100%;
	height								: auto;
	padding-top							: 1%;
	margin								: 0 auto 1%;
}


/* タイトル */
#firstView #header_title {
	vertical-align						: middle;
	width								: 100%;
	padding-bottom						: 3%;
	margin								: 0 auto;
}
#firstView #header_title img {
	width								: 100%;
}

@media screen and ( min-width: 998px ) {

	body {
	}

	/*
	ファーストビュー
	----------------------------------------------------------------------*/
	#firstView {
		margin-bottom						: 3%;
	}

	#header_logo {
		padding								: 10px 5%;
	}
	#header_logo img {
		width								: 25%;
	}

	#content-header {
		padding								: 1% 0 30%;
	}

	/* タイトル */
	#firstView #header_title {
	}
	#firstView #header_title img {
		width								: 100%;
	}
}

/*
 コンテンツ -大学を知る8つのステップ
----------------------------------------------------------------------*/
#section-grid {
	width								: 100%;
	margin								: 0 auto 2%;
	position							: relative;
}

/* タイトル */
#title-grid {
	text-align							: left;
	width								: 85%;
	height								: auto;
	padding-bottom						: 1%;
	margin								: 0 auto .5%;
	border-bottom						: 3px solid #00a897;
}
#title-grid img {
	width								: 100%;
}

/* ガイド */
#content-grid {
	width								: 70%;
	margin								: 0 auto;
	position							: relative;
	box-sizing							: content-box;
}
#content-grid .item {
	width								: 260px;
	padding								: 0;
	margin								: 5px;
	box-sizing							: content-box;
}
#content-grid .item > img {
	width								: 100%;
}

@media screen and ( min-width: 998px ) {

	/*
	 コンテンツ -大学を知る8つのステップ
	----------------------------------------------------------------------*/

	#title-grid img {
		width								: 80%;
	}
}


/*
 コンテンツ -写真
----------------------------------------------------------------------*/
#section-gallery {
	width								: 100%;
	margin								: 0 auto 2%;
	position							: relative;
}

#content-gallery {
	text-align							: left;
	width								: 100%;
	position							: relative;
	overflow							: hidden;
}

#content-gallery ul,
#content-gallery ul li {
	float								: left;
	display								: inline;
	overflow							: hidden;
}

#content-gallery ul li img {
	width								: 100%;
	display								: none;
}

.wideslider_base {
	top									: 0;
	position							: absolute;
}
.wideslider_wrap {
	top									: 0;
	position							: absolute;
	overflow							: hidden;
}
.slider_prev,
.slider_next {
	top									: 0;
	overflow							: hidden;
	position							: absolute;
	z-index								: 100;
	cursor								: pointer;
}
.slider_prev {
	background							: #fff url( ../image/prev.jpg ) no-repeat right center;
}
.slider_next {
	background							: #fff url( ../image/next.jpg ) no-repeat left center;
}

.pagination {
	text-align							: center;
	width								: 100%;
	height								: 15px;
	position							: absolute;
	left								: 0;
	bottom								: 10px;
	z-index								: 200;
}

.pagination a {
	width								: 15px;
	height								: 15px;
	margin								: 0 5px;
	display								: inline-block;
	overflow							: hidden;
	background							: #333;
}
.pagination a.active {
	filter								: alpha( opacity=100 ) !important;
	-moz-opacity						: 1 !important;
	opacity								: 1 !important;
}

/* ClearFixElements */
#content-gallery ul:after {
	content								: ".";
	height								: 0;
	clear								: both;
	display								: block;
	visibility							: hidden;
}

#content-gallery ul {
	display								: inline-block;
	overflow							: hidden;
}

@media screen and ( min-width: 998px ) {

	/*
	 コンテンツ -写真
	----------------------------------------------------------------------*/
}

/*
 コンテンツ -スケジュール
----------------------------------------------------------------------*/
#section-schedule {
	width								: 100%;
	margin								: 0 auto 10%;
}

#content-schedule {
	width								: 95%;
	margin								: 0 auto;
}

#content-schedule .schedule-image img {
	width								: 100%;
	margin								: 0 auto 5%;
	display								: block;
}

#content-schedule .schedule-table {
	font-size							: 120%;
	width								: 100%;
	margin								: 0 auto;
	display								: inline-block;
}
#content-schedule .schedule-table-row {
	display								: block;
}
#content-schedule dt {
	font-weight							: bold;
	text-align							: left;
	white-space							: nowrap;
	width								: 100%;
	padding-bottom						: 1em;
	display								: inline-block;
}
#content-schedule dd {
	text-align							: left;
	width								: 100%;
	padding-right						: 1em;
	padding-bottom						: 1em;
	padding-left						: 2em;
	margin-left							: 0;
	display								: inline-block;
}
#content-schedule dd ul {
	width								: 100%;
}
#content-schedule dd li {
	line-height							: 1.4em;
	width								: 100%;
	margin-bottom						: 1em;
}
#content-schedule dd li > a {
	font-weight							: bold;
	padding-left						: 25px;
	background							: url( "../image/icon_arrow01.png" ) no-repeat scroll left 0.2em;
}

@media screen and ( min-width: 998px ) {

	/*
	 コンテンツ -スケジュール
	----------------------------------------------------------------------*/
	#section-schedule {
		margin								: 0 auto 3%;
	}

	#content-schedule {
		width								: 85%;
	}

	#content-schedule .schedule-table {
		width								: 90%;
		display								: table;
	}
	#content-schedule .schedule-table-row {
		display								: table-row;
	}
	#content-schedule dt {
		width								: auto;
		display								: table-cell;
	}
	#content-schedule dd {
		width								: 80%;
		padding-left						: 0;
		display								: table-cell;
	}
	#content-schedule dd li {
		margin-bottom						: .5em;
	}
}

/*
ページトップへ
----------------------------------------------------------------------*/
#page-top {
	font-size							: 85%;
	font-weight							: bold;
	margin-top							: 0;
	margin-bottom						: 0;
	right								: 0;
	opacity								: 1.0;
	z-index								: 201;
}
#page-top a {
	background							: #fc9794;
	text-decoration						: none;
	color								: #fff;
	width								: 60px;
	padding								: 10px 0 10px;
	text-align							: center;
	display								: block;
	border-top-left-radius				: 6px;
	border-top-left-radius				: 6px;
	-webkit-border-top-left-radius		: 6px;
	-moz-border-radius-topleft			: 6px;
	transition							: all 0.5s ease 0s;
}
#page-top a img {
	width								: 20%;
	margin								: 0 auto;
	display								: block;
}
#page-top a:hover {
	text-decoration						: none;
}
@media screen and ( min-width: 998px ) {

	/*
	ページトップへ
	----------------------------------------------------------------------*/
	#page-top {
		right								: 20px;
	}

	#page-top a {
		width								: 80px;
		padding								: 10px 0 15px;
		-webkit-border-top-left-radius		: 6px;
		-moz-border-radius-topleft			: 6px;
		border-top-right-radius				: 6px;
		-webkit-border-top-right-radius		: 6px;
		-moz-border-radius-topright			: 6px;
	}
}

/*
 フッタ
----------------------------------------------------------------------*/
footer {
	/*color								: #fff;*/
	width								: 100%;
	margin								: 0 auto;
	background-color					: #fff;
	/*background							: url( "../image/bg_footer.jpg" ) no-repeat;*/
	background-size						: cover;
	border-top							: 3px solid #fc9794;
}

#content-footer {
	text-align							: left;
	width								: 90%;
	height								: auto;
	padding								: 2% 0;
	margin								: 0 auto;
}
#content-footer p {
	margin-bottom						: 0;
}

@media screen and ( min-width: 998px ) {

	/*
	 フッタ
	----------------------------------------------------------------------*/
}

/*----------------------------------------------------------------------
css アニメーション
----------------------------------------------------------------------*/
.animated01 {
	-webkit-animation-duration			: 1s;
	animation-duration					: 1s;
	-webkit-animation-fill-mode			: both;
	animation-fill-mode					: both;
	-webkit-transition-delay			: 2s;
	transition-delay					: 2s;
} 
@-webkit-keyframes bounceInUp {
	0% {
		opacity							: 0;
		-webkit-transform				: translateY(-500px);
	}
	60% {
		opacity							: 1;
		-webkit-transform				: translateY(30px);
	}
	80% {
		-webkit-transform				: translateY(-10px);
	}
	100% {
		-webkit-transform				: translateY(0);
	}
} 
@keyframes bounceInUp {
	0% {
		opacity							: 0;
		transform						: translateY(-500px);
	}
	60% {
		opacity							: 1;
		transform						: translateY(30px);
	}
	80% {
		transform						: translateY(-10px);
	}
	100% {
		transform						: translateY(0);
	}
}
.bounceInUp {
	-webkit-animation-name				: bounceInUp;
	animation-name						: bounceInUp;
}

/*----------------------------------------------------------------------
css アニメーション
----------------------------------------------------------------------*/
.animated02 {
	-webkit-animation-duration			: 1s;
	animation-duration					: 1.2s;
	-webkit-animation-fill-mode			: both;
	animation-fill-mode					: both;
	-webkit-transition-delay			: 2s;
	transition-delay					: 2s;
}
@-webkit-keyframes tada {
	0% {
		-webkit-transform				: scale(1);
	}
	10%, 20% {
		-webkit-transform				: scale(0.9) rotate(-3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform				: scale(1.1) rotate(3deg);
	}
	40%, 60%, 80% {
		-webkit-transform				: scale(1.1) rotate(-3deg);
	}
	100% {
		-webkit-transform				: scale(1) rotate(0);
	}
}
@keyframes tada {
	0% {
		transform						: scale(1);
	}
	10%, 20% {
		transform						: scale(0.9) rotate(-3deg);
	}
	30%, 50%, 70%, 90% {
		transform						: scale(1.1) rotate(3deg);
	}
	40%, 60%, 80% {
		transform						: scale(1.1) rotate(-3deg);
	}
	100% {
		transform						: scale(1) rotate(0);
	}
}
.tada {
	-webkit-animation-name				: tada;
	animation-name						: tada;
}

/*
 共通
----------------------------------------------------------------------*/
.mt10 {
	margin-top							: 10px;
}

.br {
	display								: block;
}

@media screen and ( min-width: 998px ) {

	/*
	 共通
	----------------------------------------------------------------------*/
	.br {
		display								: inline;
	}
}

/*
 フォーラム追加
----------------------------------------------------------------------*/

#firstView #header_copy_forum {
	color                               :#fff;
    font-size                           : 280%;
    line-height                         : 1.4;
    /* vertical-align: middle; */
    width                               : 100%;
    height                              : auto;
    padding-top                         : 1%;
    margin                              : 0 auto 1%;
    position                            : absolute;
    top                                 : 150px;
    left                                : 0;
}

#firstView #header_copy_forum span {
    text-shadow                         : 1px 5px 5px rgba(0, 0, 1, 0.2);
}
.main-title {
    padding-left: 50px;
}

.gain-space {
    height: 40px;
}

.event-theme {
    width                               : 700px;
    margin                              : 0 auto;
    text-align                          : left;
    margin-top                          : 50px;
    margin-bottom                       : 50px;
    font-size                           : 120%;
    clear                               : both;
}

dt.schedule-title-wrap{
   vertical-align                       : middle;
}

.schedule-title-first {
    background                          : #B7D332;
    border-radius                       : 5px;
    padding                             : 30px 20px 30px 20px;
    text-align                          : center;
    color                               : #fff;
    width                               : 118px;
}

.schedule-title {
    padding                             : 260px 20px 260px 20px;
    background                          : #B7D332;
    border-radius                       : 5px;
    color                               : #fff;
    text-align                          : center;
    width                               : 118px;
}

.schedule-title-third {
    background                          : #B7D332;
    border-radius                       : 5px;
    padding                             : 30px 10px 30px 10px;
    text-align                          : center;
    color                               : #fff;
    width                               : 118px;
}

.main-title-image {
    float                               : left;
}

.title-position {
    float                               : left;
    padding                             : 35px 0 0 15px;
}

.event-theme span {
  background                            : linear-gradient(transparent 30%, #fbd 30%);
}

.event-info span {
  background                            : linear-gradient(transparent 30%, #fbd 30%);
}


.main-title-image img{
   width                                : 150px;
}

.add_indent{
  padding-left                          : 1em;
}

@media screen and ( max-width: 750px ) {
    .event-theme {
    width                               : 100%;
    
}

#firstView #header_copy_forum {
    font-size                           : 130%;
    top                                 : 50px;
}

.schedule-title-first {
    padding                             : 0 10px;
    width                               : 100%;
}

.schedule-title {
    padding                             : 0 10px;
    width                               : 100%;
}

.schedule-title-third {
    padding                             : 0 10px;
    width                               : 100%;
}

.main-title-image img {
    width                               : 120px;
}

.main-title {
    padding-left                        : 0px;
}

.title-position {
    padding                             : 10px 0 10px 0;
}


}