/* CSS Document */

/* main */

body { 
	margin: 0 auto;
	padding: 0;
	line-height: 1.8em;
	font-family: Mugenplus-1cp-R, Verdana, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}


.header { width:100vw; height: 130px; background-image:url(../img/JUheader2.png);background-position: center center; }

#gl_menu {
	width:100vw;
	height:60px; 
	background-color: white; 
	position: fixed; 
	margin-top: -60px;
}

#gl_menu_con {
	text-align:center;
	width:100vw;
	height:58px; 
	padding-top: 2px;
	background-color: white; 
}

.gl_menu2 {
	width:1000px; margin: auto;
}
.gl_menu3 {
	float: left; margin-right: 13px;
}
.gl_menu4 {
	float: left; 
}
#explore {
	width:100vw; height: 45px; background-color:#3f61d4; text-align: center;
}

#today {
	width:100vw; background-color:white; text-align: center; padding-bottom: 50px;
}


#JUM_area {
	width:100vw; background-color:#FFFFFF; text-align: center; padding-bottom: 50px; position: relative; overflow: hidden;
}

.JUM_tc { text-align: center; width:90%; margin: auto; position: relative; left: 20%; 
}



.JUM_day { 
	float:left; width:31%; background-color:#f0f0e4; color:#666666; position: relative; left: -20%;
	font-weight: bold;font-size:18px; line-height:30px;
}

.JUM_day_end { 
	float:left; width:31%; background-color:#c1c1b9; color:#666666; position: relative; left: -20%;
	font-weight: bold;font-size:18px; line-height:30px;
}

.JUM_past { 
	float:left; width:23%; background-color:#f0f0e4; color:#666666; position: relative; left: -20%;
	font-weight: bold;font-size:15px; line-height:24px;
	margin-right: 15px;margin-bottom: 15px;
}

.academic { 
	float:left; width:31%; background-color:#f0f0e4; color:#666666; position: relative; left: -15%;
	font-weight: bold;font-size:18px; line-height:30px;
}
.academic_L { 
	float:left; width:50%; background-color:#f0f0e4; color:#666666; position: relative; left: -15%;
	font-weight: bold;font-size:18px; line-height:30px;
}
.academic_M { 
	float:left; width:41%; background-color:#f0f0e4; color:#666666; position: relative; left: -15%;
	font-weight: bold;font-size:18px; line-height:30px;
}
.academic_S { 
	float:left; width:27%; background-color:#f0f0e4; color:#666666; position: relative; left: -15%;
	font-weight: bold;font-size:18px; line-height:30px;
}

#faculties_area {
	width:100vw; background-color:#ffffff; text-align: center; padding-bottom: 50px;
}

#faculties_area2 {
	width:100vw; background-color:#ffffff; text-align: center; padding-bottom: 50px;
}

.fa_info {
	width: 90%; max-width: 1200px;
}

#event_area {
	width:100vw; background-color:#ffffff; text-align: center; padding-bottom: 50px;position: relative; overflow: hidden;
}
.event { 
	float:left; width:40%; background-color:#f0f0e4; color:#666666; position: relative; left: -14%;
	font-weight: bold;font-size:18px; line-height:30px;
}

#academic_area {
	width:100vw; background-color:#ffffff; text-align: center; padding-bottom: 20px;position: relative; overflow: hidden;
}
#about_area {
	width:100vw; background-color:#ffffff; text-align: center; padding-bottom: 50px;
}

#kototamahime_area {
	width:100vw; background-color:#ffffff; text-align: left; padding-bottom: 50px;
}

#Zoom_area {
	width:100vw; background-color:#FFFFFF; text-align: center; padding-bottom: 50px; position: relative; overflow: hidden;
}
.Zoom_tc { text-align: center; width:90%; margin: auto; position: relative; left: 34%;
}

.JUM_entry {padding:3px;}

.academic_entry {padding:15px; text-align: left;font-size:17px; line-height: 22px; font-weight:normal; }
.academic_mds {font-size:24px; font-weight: bold; color:crimson;line-height: 41px; text-align: center;}
.academic_mds_g {font-size:24px; font-weight: bold; color:forestgreen;line-height: 41px; text-align: center;}

.RR_entry {padding:10px;}

.tc { text-align: center;}
.fl { float:left; }
.fr { float:right; }
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt40 { margin-top: 40px;}
.mt80 { margin-top: 80px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.pb10 { padding-bottom: 10px;}
.mt120 { margin-top: -124px;}
.clb { clear: both;}

.big { font-weight: bold; font-size:24px;}

img { border:0; }


.JU_txt {max-width:1000px; font-size:21px; margin:30px auto 80px auto; padding:0 30px 0 30px ; text-align: left; line-height: 36px; color:#444444}

.min { font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 }
ul { list-style: none; }


.loop_wrap {
  display: flex;
  width: 100vw;
  height: 164px;
  overflow: hidden;
}

.loop_wrap img {
  width: auto;
  height: 100%;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.loop_wrap img:first-child {
  animation: loop 100s -50s linear infinite;
}

.loop_wrap img:last-child {
  animation: loop2 100s linear infinite;
}

#page-top{
position:fixed;
right:50px;
bottom:50px;
transition:1s;
opacity:0.4;
}
#page-top:hover{
opacity:1;
}



.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 0rem; /* YouTubeの下に余白をつける */
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



a { word-break: break-all; }

a:link,
a:visited {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	color:#547d9f;
	}
a:hover {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	color: #cda2bb;
	}
a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	text-decoration: none;
	color: #ae8dbf;
	}
img {
	border:0;
	max-width: 100%;
}

h2 {
	font-size: 35px;
	width: 700px;
	margin: 30px auto 50px;
	text-align: center;
	font-weight: normal;
	color: #666;
	border-bottom: 1px dotted #aaa;
	line-height: 1.5em;
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
h3 {
	font-size:21px;
	font-weight: bold;
	line-height: 1.5em;
	color: #666;
	border: 10px solid;
	border-width: 0 0 1px 10px;
}
.clear {clear:both;}
.little {
	font-size: 75%;
}
.gray {
	color: #999;
}

.flame {width:1000px; margin:auto; text-align:center; background-color:#FFFFFF;}


nav {
	margin: 0 auto;
}
nav ul {
	margin: 0 0 0 115px;
	width: 690px;
	text-align: center;
}
nav ul li {
	display: inline-block;
	height: 63px;
	padding: 0;
	margin: 0 auto;
}
nav ul li.this {
	height: 47px;
	padding: 16px 20px 0;
	font-weight: bold;
	color:#fff;
	background: #7d90a2;
}
nav ul li a {
	display: block;
	height: 47px;
	padding: 16px 20px 0;
	-webkit-transition: .3s;
	transition: .3s;
}
nav ul li a:hover {
	color: #739abb;
	background: #cfdae4
}


footer {
	color: #999;
	font-size: 60%;
	line-height: 1.4em;
	margin: 50px auto 0;;
	padding: 50px 0;
}

.red {
	color:red;
}