@charset "UTF-8";
/* 
 [東北大　制式色見本]
  黄緑：#99C218
  深緑：#00411B
  橙：#FF7300
  茶：#620D0C
  赤紫：#85007F
  薄青：#8EAAB1
  茄子紺：#451E60
 */

.container{
	width:90%;
	max-width:940px;
}
.home .container{
	width:95%;
	max-width:1000px;
}
.pcDisp{display:none;}

/* header
-------------------------------------------------- */
#header, #nav{
	position:static;
	min-width:auto;
	top:0;
}

#utility{
	width:auto;
	float:none;
	text-align:center;
	margin:10px 0 0 0;
	padding:0 10px;
}
#spBtn{display:block; float:left;}
#textSelecter{display:block; float:right; margin:0;}
.textSize{display:none;}

#header{display:none;}
#header #nav_utility ul li{margin-right:0px; padding-left:10px;}
#header #nav_utility{margin:10px 0;}

/* nav
------------------------------------------------- */
#branding{display:none;}
#nav-sp, .navmenu-head{
	align-items:center;
	background:#fff;
	position:sticky;
	line-height:70px;
	z-index:99999;
	display:flex;
	top:0;
}
/*.navmenu-head{position:static;}*/
.navmenu-head a, #nav-sp a{display:block;}
.site-title{margin:0;flex-grow:1}
.site-title img{width:200px;height:auto;}
.btn-navbar{
	background-color:#fff;
	background-image:none;
	box-shadow:none;
	border-radius:0;
	display:block;
	min-width:40px;
	height:40px;
	padding:15px;
	z-index:1000;
	right:0px;
	border:0;
	top:0px;
}
.btn-navbar i{
	background:url(/japanese/share/img/icon_spmenu.svg) no-repeat 0 0;
	background-size:80px 40px;
	display:block;
	height:40px;
	width:40px;
}
.btn-navbar i.closing{background-position:-40px 0;}
.btn-navbar i{display:block;}
.btn-navbar i:before{
	text-align:center;
	font-size:40px;
	min-width:40px;
	display:block;
	display:none;
	height:40px;
	color:#333;
}

#nav-menu{
	display:none;
	position:fixed;
	height:100vh;
	top:0;
	left:0;
	width:100%;
	overflow:auto;
	transition:all .3s;
	z-index:1050;
	z-index:999999;
}
/*
#nav-menu:after{
	display:block;
	height:50px;
	content:"";
}
*/
.navmenu-search{
	padding:15px 30px;
	background:#333;
	display:block;
}
form.form-search .input-append{width:100%;display:flex;}
form.form-search .search-query{
	padding:8px 15px;
	flex-grow:1;
	height:auto;
}
form.form-search .btn{
	min-width:40px;
}
form.form-search .btn i{
	text-align:center;
	font-size:20px;
	display:block;
}

#nav .navbar{padding:0;}
#nav .navbar li{
	box-sizing:border-box;
	border:1px solid #FFF;
	display:block;
	float:left;
	width:50%;
	padding:0;
}
#nav .navbar li a{
	background-image:none !important;
	line-height:30px;
	text-shadow:none;
	display:block;
	width:100%;
	height:30px;
}

#nav #VisitorNavigations ul{
	display:block;
	margin:0 auto;
}
#nav #VisitorNavigations .nav li a{
	background:#ddd;
	font-size:14px;
	padding:5px 0;
	color:#1d2b3b;
}
#nav #VisitorNavigations .nav li a:hover{background:#cecece;}
#nav #GlobalNavigations{
	position:relative;
	bottom:auto;
	right:auto;
}
#nav #GlobalNavigations ul{
	display:block;
	float:none;
	margin:0 auto;
	box-sizing:border-box;
	background:#fff;
	min-width:auto;
}
#nav #GlobalNavigations.navbar li{
	border:0;
	border-bottom:1px solid #c9c7c8;
	float:none;
	width:100%;
	padding:0;
}
#nav #GlobalNavigations .nav li a{
	font-size:14px;
	padding:5px 0;
}
#nav #GlobalNavigations .nav li a:hover{background:#eee;}

.modalClose{
	display:block;
	margin:0 auto;
	padding:15px;
	text-align:center;
	box-sizing:border-box;
}
.modalClose .icon{position:relative;top:2px;}

.accessMenu{display:block;}
.accessMenu ul{
	justify-content:center;
	list-style:none;
	background:#333;
	display:flex;
	margin:0;
}
#nav .accessMenu ul li a{
	padding:5px 30px;
	line-height:30px;
	display:block;
	color:#fff;
}
.accessMenu .fund_btn{
	border-color:#666;
	padding:10px 15px !important;
	margin:1rem;
	color:inherit;
}
.modal-backdrop{
	background-color:#fff;
	opacity:1;
	z-index:99999;
}


/* #main
-------------------------------------------------- */
.mainArea,
.sideArea{	float:none;	width:auto;}

/* #content
-------------------------------------------------- */
.page-title{	font-size:2em;	line-height:1.2;	margin-bottom:5px;}

/* .catArea */

.catArea .THKthumbnails{	margin-left:0;	}
.catArea .THKthumbnails li.span3,
.catArea .THKthumbnails li.span6,
.catArea .THKthumbnails li.span9{	width:100%;	margin-left:0;	}

/* .linkStyle */
.linkStyleD li{	width:auto;}
.linkStyleD li.end{	margin-right:15px;}

.linkStyleJ li{	margin-bottom:5px;}

/* #visitor */
#login form .form-title{	float:none;	margin-right:0;	width:100%;	display:block;}
@media (max-width:767px){
	#login form .btn{	display:block;	width:100%;	clear:both;	margin-top:10px;	}
}
@media (max-width:568px){
	#login form .form-title{	font-size:1.4em;}
	#twuser-input,
	#twpassword-input{	display:block;	margin-left:0px;	margin-bottom:10px;}
	#login .nav-pills li{	float:none;}
}

/* #homeinfo */
@media (max-width:568px){
 	#homeinfo {	display:block;padding-bottom:10px;}
 	#homeinfo .frameHeadingA  {width:inherit; margin-bottom:10px;}
}

/* #news */
.newsbox .nav-tabs li.active a,
.newsbox .nav-tabs li.active a:hover{	border-bottom-width:2px;}
.newsbox .tab-pane ul li{	width:100%;overflow:auto;}

@media (max-width:568px){
   /*  
	.newsbox .nav-tabs li a{	font-size:12px;	padding:5px;}
   */
	.newsbox .nav-tabs li a{	font-size:12px;}
	.newsbox .nav-tabs li a img,
	.newsbox .nav-tabs li a .icon{	display:none;}

	.tab-pane ul li .entry{	clear:both;}
}

/* #kouhou */
@media (max-width:767px){
	#kouhou .span4{width:220px;}
}
@media (max-width:568px){
	#kouhou .span4{width:auto;}
}

/* .archiveLink,
.pageTopLink{text-align:center;} */
.archiveLink a,
.pageTopLink a{margin-bottom:5px;}


/* #sidebar
-------------------------------------------------- */
#sidebar{margin-top:20px;}

#side_btn_area{width:100%;bottom:0;}
#side_btn_area p{margin-bottom:0;}

#chat_btn{
	flex-direction:row-reverse;
	justify-content:center;
	background:#BDD7EE;
	display:flex;
	padding:4px;
	width:100%;
	border:0;
}
#chat_btn .chat_title{
	writing-mode:horizontal-tb;
	line-height:32px;
	font-size:.8rem;
	padding:0 5px;
	margin:0;
}
#chat_btn .chat_img{width:34px;}
.toPC{display:block;}

/* footer
-------------------------------------------------- */
#footer{
	background-position:bottom -100px right -470px;
	background-size:800px;
	min-width:auto;
}
#footer .container{
	width:auto;
	padding:0 5%;
	padding:0 2.5%;
}
.footer-upper,
.footer-lower{
	display:block;
	padding:0;
}
.footer-upper .col{
	padding:0 !important;
	width:100%;
}

#footer-utility{
	width:auto;
	float:none;
}
.sns, .siteinfo{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin:30px 0 !important;
}
.sns li{padding:0 .5rem;}
#copyright{
	text-align:center;
}


/* for HOME
-------------------------------------------------- */

/* homeCarousel */
#homeCarousel .film_roll_wrapper{background-color:#3F3F3F;}
#homeCarousel .slick-slide{height:calc(100vh - 70px - 40px);}
#homeCarousel .slick-slide a span.carousel-visual.sp{display:block;}
#homeCarousel .slick-slide a span.carousel-visual.pc{display:none;}
#homeCarousel .slick-slide a span.carousel-caption{padding:15px;}
/*
#homeCarousel .slick-slide a span.carousel-visual{height:calc(100% - 70px);}
#homeCarousel .slick-slide a span.carousel-caption{
	font-size:14px;
	height:40px;
}
#homeCarousel .slick-slide a span.carousel-caption .linkTxt{
	padding-left:0;
	display:block;
}
#homeCarousel .slick-slide a span.carousel-caption  p.pull-right{padding-top:8px;}
#homeCarousel .archiveLink{bottom:-18px;}
#homeCarousel .archiveLink a{
	padding:3px;
	line-height:1;
}
*/
.slick-dots{right:60px !important;}
.slick-pause{right:20px !important;}

@media (max-width:568px){
	#carousel-images ul li .carousel-caption{display:none;}
}

/* homeMid Area */
.homeMid{width:auto; float:none;}
.homeLeft,
.homeRight{
	float:none;
	width:auto;
}
.homeLeft{padding:0 0 70px;}

/* .homeNewsbox */
.homeNewsbox .nav-tabs li.news_all{width:33%; border-bottom:2px solid #fff;}
.homeNewsbox .nav-tabs li.news_50 {width:34%; border-bottom:2px solid #fff;}
.homeNewsbox .nav-tabs li.news_53 {width:33%; border-bottom:2px solid #fff;}
.homeNewsbox .nav-tabs li.news_51 {width:50%; border-left:0;}
.homeNewsbox .nav-tabs li.news_54 {width:50%;}

/* .lowerNewsbox */
.lowerNewsbox .nav-tabs li.news_all{width:34%; border-bottom:2px solid #fff;}
.lowerNewsbox .nav-tabs li.news_50 {width:33%; border-bottom:2px solid #fff;}
.lowerNewsbox .nav-tabs li.news_53 {width:33%; border-bottom:2px solid #fff;}
.lowerNewsbox .nav-tabs li.news_51 {width:34%;border-left:0;}
.lowerNewsbox .nav-tabs li.news_54 {width:33%;}
.lowerNewsbox .nav-tabs li.news_52 {width:33%;}

/* .current settings */
.homeNewsbox .nav-tabs li.active a,
.lowerNewsbox .nav-tabs li.cr a{margin:0; height:80px; background-color:transparent; color:#fff;}

/* .homeLower
-------------------------------------------------- */
.homeLower .homeLower01,
.homeLower .homeLower02,
.homeLower .homeLower03,
.homeLower .homeLower04{float:none; width:100%; margin-right:0px;}

/* #homeLwrTxtBnrArea
-------------------------------------------------- */
.homeLwrTxtBnrArea .homeLwrTxtBnr01{display:block;}
.homeLwrTxtBnrArea .homeLwrTxtBnr01 a{width:100%;margin:.5rem 0;}

.homeLwrTxtBnrArea .homeLwrTxtBnr02 ul li a{padding-top:10px; padding-bottom:10px;}
.homeLwrTxtBnrArea .homeLwrTxtBnr02 ul li:nth-child(2) a{padding-top:18px;}
.homeLwrTxtBnrArea .homeLwrTxtBnr02 ul li:last-child a{padding-bottom:18px;}


/* .homeUprBnr
-------------------------------------------------- */
.homeUprBnr{padding:8px 0; margin-top: 0; margin-bottom: 30px;}
.homeUprBnr ul{flex-wrap:wrap;}
.homeUprBnr ul li{box-sizing:border-box; max-width:48%; /*border:5px solid #fff;*/ margin:6px 1%; width:auto;}
.homeUprBnr ul li:first-child{margin-left:1%;}
.homeUprBnr ul li:last-child{margin-right:1%;}

/* .homeUprInfo
-------------------------------------------------- */
.homeUprInfo{}
.homeUprInfo ul{display:block;}
.homeUprInfo ul li{width:100%; margin-top:10px; margin-left:0; margin-right:0;}
.homeUprInfo ul li:first-child{margin-top:0;}


/* for img-archive page
-------------------------------------------------- */

.imgArchiveBox{border:1px solid #CCC;background-size:auto 100%;background-position:center;background-repeat:no-repeat;background-color:EFEFEF;float:left;margin:0 10px 10px 0;position:relative;}

/* for SiteMap page
-------------------------------------------------- */
#content.sitemapPage .catArea .catArea,
#content.sitemapPage .catArea ul{margin-left:15px;}


/* imgArchiveBox
-------------------------------------------------- */
.imgArchiveBox{width:48%; height:222px; overflow:hidden;box-sizing:border-box; border:1px solid #ccc;
	float:left; margin:0 1% 10px 1%; position:relative;
	background-size:auto 100%;background-position:center;background-repeat:no-repeat;	background-color:#efefef;}

@media (max-width:480px){
	.imgArchiveBox,
	.imgArchiveIMG,
	.imgArchiveTxt{width:100%; height:222px; overflow:hidden;box-sizing:border-box;}
}

/* movieArchiveBox
-------------------------------------------------- */
.movieArchiveBox{width:100%;}


/* other bug fix
-------------------------------------------------- */
.poster,
.leftimg,
.rightimg{
	float:none;
	display:block;
	margin:0 auto 20px;
	max-width:100%;
}

.poster img{
	border:1px #808080 solid;
}


/* other bug fix
-------------------------------------------------- */
.homeNav{display:none;}

/*2025.04 add*/
@media only screen and (max-width:719px) { /* for SP */
  html {
    scroll-padding-top: 80px;
  }
}