@charset "utf-8";

/* ----------------------
　
----------------------- */
		
body {
	background:#ffffff; margin:0; padding:0;
}

.smp{ display:block;}
.pc{ display:none;}
.spmenu {
	display:block !important;
}

#new_header{
	width:100%;
	max-width:768px;
	min-width:320px;
	margin:0 auto;
	background:#000000;
}
.smphead{
	position:fixed;
	height:85px;
	width:100%;
	max-width:768px;
	min-width:320px;
	margin:0 auto;
	background:#000000;
	z-index:100;}

#new_header a{text-decoration:none;}
#new_header h1{ width:220px; height:107px; padding:10px; float:left;}

.n_ms{ position: absolute; top:85px; width:100%; min-width:320px; margin:0 auto; display:none ; z-index:110; }
.sp_menu_btn{ width:65px; height:85px; float:right; background:url(../img_new/sp_menu.jpg) no-repeat; border-left:1px solid #ffffff;}
.closed{background:url(../img_new/sp_menu_close.jpg) no-repeat; }

.undermenu,.spmenu { width:100%; background:#000000; margin:0 auto; padding:0;  }
.undermenu li span,.spmenu li span{ color:#ffffff;  display:block; width:100%; min-width:320px;  border-bottom:1px solid #ffffff;  height:auto; padding:13px 0px; text-align:center; background:#4d4d4d;  color:#ffffff; }
.undermenu li span a,.spmenu li span a{color:#ffffff;}
.undermenu li span a.pc{ display:none;}
.spmenu li span{background:#9e005d;}

.undermenu li div{  position:static; height:auto;}
div.closemenu1, div.closemenu2, div.closemenu3, div.closemenu4, div.closemenu5{ width:100%; min-width:320px; background:#ffffff; display:none; height:auto;  }
.undermenu  li div.subm, .undermenu  li div.subm3{ width:100%; padding:0; display:block; height:auto;}
.undermenu li div.subm a, .undermenu li div.subm3 a{display:block;  width:100%; border-bottom:1px solid #000000;  height:20px; padding:15px 0; float: none;  color:#000000; text-align:center;  }

.onmenu7 span{ color:#ffffff;  display:block; width:50%; min-width:160px;  border-bottom:1px solid #4d4d4d;  height:25px; padding:10px 0px; text-align:center; background:#4d4d4d;  color:#ffffff; }

.n_mw{ width:100%;  top:85px; right:0; color:#ffffff; position:fixed; z-index:101; background:#000000; }
.n_mw div { width:33%; border-left:1px solid #000000; float:left;  text-align:center; padding-top:10px; height:25px ; border-bottom:6px #cbcbcb solid;}
.nmred {background: #9d005d;}
.n_mw a{ color:#ffffff;}
.absolution{ position:absolute;} 
.fixer{ position: fixed; height:1500px; overflow:auto;}     		   
.fixermenu{ position: fixed; height:1500px; overflow: auto; }

#submenu {
	display:none;
}

#wrapper{ height:auto;}
.heigt{ height:1500px; position: fixed; top:0;}
	          
#main_top{ width:100%; min-width:320px; height:80px; text-align:center; padding-top:100px; margin-top:120px; z-index:2; background-repeat:none; background-size: auto 100% ; background-position:top;} 

#main_top img{ width:80%; min-width:250px; position:relative; z-index:10;}
#fac, #newtop{ width:100%; min-width:320px; margin:50px auto 0;}

#fac h2{ text-align:center; padding-bottom:20px;}
#fac h2 img{ width:260px;  }					   

.facbox2{ width:100%; min-width:320px;}		   
.facbox2 div{ width:100%; min-width:320px; text-align:center}
.facbox2 div img{ width:100%;}

.facbox2 div a{ color:#ffffff; font-size:15px;  height:30px; padding-top:10px; display:block; text-decoration:none;}
.top_ff3 br{display:none;}
.top_ff0{ background:#808080;}
.top_ff1{ background:#c59b6d;}
.top_ff2{ background:#9d005d;}
.top_ff3{ background:#2e3191;}
.top_ff4{ background:#006837;}
   
.innerbox{ width:320px; margin:0 auto; }

#top_oc, #top_mv{ width:100%; min-width:320px; height:260px;}

#top_oc{ background:#e0e2dd; margin-top:100px; height:410px; }
#top_oc .innerbox{background:url(../img_new/sp_oc.jpg) no-repeat; background-position:center ; background-size:cover; width:100%;  height:410px;}
.top_con{ width:320px; padding-top:20px; text-align:center; margin:0 auto;}
 #top_oc img{ width:260px;}
 #top_mv{ background:url(../img_new/movie_back.png) no-repeat; background-position:center; background-size:cover; }
#top_mv .innerbox{ width:100%;  height:260px;}
#top_mv img{ width:280px;}
  #top_sblog{ background:url(../img_new/sp_sb.png) no-repeat; background-position:center; background-size:cover; }
#top_sblog .innerbox{ width:100%;  height:260px;}
 #top_sblog img{ width:280px;}
 
 
 .arrow{ width:160px; padding-bottom:10px; margin:0 auto;}
 .arrow a{display:block;  width:140px; height:20px; line-height:20px; padding:10px;  text-decoration:none; text-align:center;}
 
   #top_oc .arrow a{ border:1px solid #4d4d4d; background:url(../img_new/arrow.png) no-repeat; color:#4d4d4d; background-position:right;  }
   #top_mv .arrow a{ border:1px solid #ffffff; background:url(../img_new/arrow_white.png) no-repeat; color:#ffffff;  background-position:right;}
   #top_mv .arrow{margin-top:20px;}
    #top_sblog .arrow a{ border:1px solid #ffffff; background:url(../img_new/arrow_white.png) no-repeat; color:#ffffff;  background-position:right;}
   #top_sblog .arrow{margin-top:20px;}
	
	 #top_oc .arrow{    border-bottom:#9d005d 6px solid;}
   #top_mv .arrow{    border-bottom:#c59b6d 6px solid;}
   #top_sblog .arrow{    border-bottom:#006837 6px solid;}
   
   #newtop h3 img{ width:310px;}					   
#newtop h3{ text-align:center; padding-bottom:20px;}



/* slider_container設定 
=================================================================== */

.customNavigation{
  text-align: center;
}
//use styles below to disable ugly selection
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration:none;
}

#topNews .newsBox{ width:90%; min-width:280px; max-width:600px;}
#topNews .newsBox img{ width:35%; min-width:120px; max-width:180px; float:left; margin-top:20px;}
#topNews .newsBox h3 img{ margin-top:0px;}
.newsindex .newsBox .newsright{float:left; width:45%;  max-width:500px; height:auto;}
.newsright p{ width:100%;}

            #topNews a{ text-decoration:none; }
#topNews  .special a{ color:#2e3191;}
#topNews  .college a{color:#c59b6d;}
#topNews  .school a{color:#006837;}



.btn_next{ float:right; height:140px; padding-top:100px; display:block; cursor:pointer;}
.btn_prev{ float:left;  height:140px; padding-top:100px; display:block; cursor:pointer;}

@media screen and (max-width: 768px){
	.customNavigation{ width:600px; margin:20px auto ;}
	#slidernews{ width:500px; float:left; padding-left:30px;}
#slidernews li{ width:240px; height:246px; overflow:hidden; display:block;}
#slidernews p{ width:240px; height:240px; display:block;}
#slidernews img{ width:240px;}
#slidernews div.newscon1, #slidernews div.newscon2, #slidernews div.newscon3{ width:480px; height:240px; position:relative; margin-top:-240px;}



}

@media screen and (max-width: 600px){
	.customNavigation{ width:320px; margin:20px auto ;}
#slidernews{ width:240px; float:left; padding-left:15px;}
#slidernews li{ width:240px; height:246px; overflow:hidden; display:block;}
#slidernews li:hover { opacity:0.6}
#slidernews p{ width:240px; height:240px; display:block;}
#slidernews img{ width:240px;}
#slidernews div.newscon1, #slidernews div.newscon2, #slidernews div.newscon3{ width:480px; height:240px; position:relative; margin-top:-240px;}




}


.newscon1{ border-bottom:6px solid #2e3191;}
.newscon2{ border-bottom:6px solid #c59b6d;}
.newscon3{ border-bottom:6px solid #006837;}
 
 .nt_cate{ width:127px; height:22px; margin-left:113px;}
.newscon1  .nt_cate{ background:url(../img_new/news_icon1.jpgg) no-repeat;}
.newscon2  .nt_cate{ background:url(../img_new/news_icon2.jpg) no-repeat;}
.newscon3  .nt_cate{ background:url(../img_new/news_icon3.jpg) no-repeat;}
.nt_box{ width:220px; text-align:left; background:rgba(75,75,75,0.60); color:#ffffff; padding:10px; height:90px; margin-top:140px; }

.nts{ width:300px; margin:0 auto 50px;}
 .nts .arrow {border-bottom:#9d005d 6px solid;}
  .nts .arrow a{ border:1px solid #4d4d4d; background:url(../img_new/arrow.png) no-repeat; color:#4d4d4d; background-position:right;  }
  .nts .arrow:hover a{  background:url(../img_new/arrow_white.png) no-repeat #000000; color:#ffffff; background-position:right;   }
 
 .sns_box,  .sns_box2{ width:320px; margin:0 auto; text-align:center; padding-bottom:100px;}
 
  .sns_box img,   .sns_box2 img{ width:100%; min-width:320px;}       
.sns_box2{ clear:both; height:240px; }
	 .snsb_c{ margin-left:0px;}
	 
	  .snsb_l{ float:left;}
  .snsb_c{ float:left;}
  .snsb_r{ float:right; margin-bottom:30px;}
  
   
   #footer_new{ margin:0px auto 0; width:100%; min-width:320px; background:#000000; color:#ffffff;}
   .fbox{ width:100%; min-width:320px; margin:0 auto; background:#000000;}
   #f_logo img{ width:180px;}
    #f_logo{ width:100%; text-align:center; padding:20px 0;}
	.f_credit{ width:100%; min-width:320px;   color:#ffffff; padding:20px 0; text-align:center;}
    .f_credit span{ display:none;}
	.f_menu{ width:100%; min-width:320px; height:55px; margin:0 auto;}
	.f_mb{ width:33%; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; float:left; height:20px; padding:20px  0; text-align:center; font-size:12px;}
	.f_mb a{ text-decoration:none; color:#ffffff; }
	.copyright{margin:0 auto; width:100%; min-width:320px; height:80px; padding-top:20px; clear:both; border-top:1px solid #ffffff; background:#000000; color:#ffffff; text-align:center;}
	
	.smp_ft{ width:290px; text-align:center; background:#006837; border-bottom:6px #cccccc solid; margin:0 auto; }
	.smp_ft a{ color:#ffffff; text-decoration:none;}
/* 	.smp_lf{ font-size:5vw;} */
#banner{ display:none;}	
	.ftmenu{ display:none;}
	  #page_main{ padding-top:125px; padding-bottom:30px; }
	  article{ margin:0; padding:0; z-index:90;}
	  
	  #page_main, article { margin:0 auto;  }
	  
	  #moviebox{ width:100%; min-width:320px; margin:0 auto 100px;}
	.pg_title{ width:90%; min-width:320px; margin:0px auto 100px; padding:20px 5px; font-size:20px; font-family: Georgia, "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	.mv_s{ width:300px; float:none; padding:10px; background:#ffffff; height:250px; margin:0 auto 20px ; }
	.mv_s:hover{ opacity:0.6;}
	.mv_s p{ width:288px; height:162px; overflow:hidden;}
	.mv_s p img{ width:288px;}
	.play{ width:188px; background:url(../img_new/movie_play.png) no-repeat; margin:-100px 0 0 120px; text-align:center; height:100px; position:relative; }	
	.moviemore{height:100px; width:280px; font-size:14px; line-height:16px; margin:0 auto;}
	.mv_date{ font-size:12px; color:#9e005d;}
	.margind{ padding-bottom:100px;}
	
	h1.h_large{ font-size:18px;}
	h1.spno{ display: block;}
	h1.pcno{ display:none;}
	.ww{ font-size:14px; color:#ffffff;}
	p.capti{ font-size:13px; line-height:19px; padding:20px 0 0 0 ;}
	
	
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin:auto;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	margin:auto;
}
	@media screen and (max-width: 600px){
	.pickups{ background:#FFFFFF; padding:20px 0 20px 0;}
	#newsl h3 img{ width:310px; clear:both;}		
	#newsl { width:100%; text-align:center; margin:20px auto;}}



.pg_title_movie{ width:90%; min-width:320px; margin:0px auto 0px; padding:20px 5px; font-size:20px; font-family: Georgia, "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.movie_cat{ width:90%; margin: 10px auto 30px auto; padding-bottom: 30px; }
.movie_cat a{ display: block;  width: 80px; padding: 10px; text-align: center; border: 1px solid #4d4d4d; margin-right: 10px; float: left; text-decoration: none; color: #4d4d4d; font-size: 10px; }
.movie_cat a:hover{ background:#4d4d4d; color: #ffffff;   }