@charset "utf-8";
/* 心理学部　共通　202210 > 202301 */


#container h1, #container .catettl,
#title h1.tit, #contents h1.tit_page,
#container header nav .navigation .title h2 {
	color: #000;
}

#contents h1.tit_page {
    margin: 30px 10px;
}

/* title */
#title h1.tit {
	margin: 0 253px;
}

#contents h2, #contents h3, #contents h4, #contents h5 {
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height: 1.4;
}

#contents h2 { font-size: 140%;	color: #000;}
#contents h3 { font-size: 120%;}
#contents h4 { font-size: 100%;}


#about, #department, #teacher, #career, #international {
	margin: 0 auto;
	padding-bottom: 20px;
}

#container header nav .navigation dl dd.act a {
	color: #4f1d6d;
}


section#about section, section#department section, section#teacher section, section#career section, section#other section, section#curriculum section {
	width: 640px;
	margin: 0 auto 60px;
	text-align: left;
}
section#about section::after, section#department section::after, section#teacher section::after, section#career section::after, section#other section::after, section#curriculum section::after {
	  content: ""; clear: both; display: block;
	  }
	  

section#about section img, section#department section img, section#teacher section img, section#career section img, section#other section img {
/*	max-width: 640px;*/
	max-width: 100%;
}


#contents .w100 {
	width: 100%;
	margin: 0 auto 30px;
}

#contents .w640 {
	width: 640px;
}


#contents h1.tit_page {
	margin: 30px 0;
	color:#000000;
}


#contents hr {
    border: 0;
    border-bottom: 1px solid #E0E7EB;
    margin-bottom: 40px;
}

/*メインイメージ*/
#contents .mainimage {
	margin-bottom: 30px;
}

#contents .mainimage img {
	width: 100%;
	margin: 0;
}




/* request_box */
#container .request_box {
	padding: 40px 0 30px 0;
	background-color: #000;
	text-align: center;
}

#container .request_box h1 {
	color: #ffffff;
}

#container .request_box h1 + strong {
	display: block;
    font-size: 15px;
    padding: 12px;
    font-weight: normal;
	color: #ffffff;
}

#shinri #container .request_box .tile {
	background-color: #000;
}

#shinri #container .request_box .tile ul li.act a {
	border: 1px solid #ffffff;
    background: #ffffff;
    color: #000;
}

#shinri #container .request_box .tile ul li.act a:hover {
	border: 1px solid #ffffff;
    background: #000;
    color: #ffffff;
}


/* footer banner */
#container footer .banner_links {
	margin: 0 auto 30px;
}

#container footer .banner_links li {
    display: table-cell;
	width: auto;
	max-width: 200px;
	padding-right: 10px;
}

#container footer .banner_links li:last-child {
	padding-right: 0;
}


#contents .border1 {
    padding: 15px;
    border: 1px solid #BCC7CE;
}

#contents .border2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #BCC7CE;
}

#contents .border3 {
	border: 1px solid #e0e7eb;
}


/* 注釈 */
#contents .note {
	display: inline-block;
/*	margin: 10px 0;*/
	font-size: 86%;
	line-height: 1.4;
}



/* GO TO TOP*/
.gotop {}
	.gotop:after {
	  content: "";
	  clear: both;
	  display: block;
	}

.gotop a {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background: url(/images/common/navi_cursor2.png) rgba(98, 122, 134, 0.75) center center;
    background-size: 36px 34px;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*Quick Links*/
#shinri #container footer #quicklinks h1, #container footer #quicklinks #ftit {
    color: #000;
    font-size: 34px;
    line-height: 36px;
    text-align: center;
    padding-top: 16px;
}


/* 画像スライド */
#contents .slide {
	width: 100%;
}

#contents .slide img {
	width: 100%;
}



/* 動画 */
.movie_box {
  position: relative;
  width: 100%;
  margin: 10px 0;
  padding-top: 56.25%;
}

.movie_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/* ページ内リンク */
/*#contents ul.link_box {
	width: 640px;
	margin: 0 auto 20px;
}
	#contents ul.link_box::after {
	  content: ""; clear: both; display: block;
	  }

#contents ul.link_box li {
	float: left;
	margin: 0 20px 10px 0;
}

#contents ul.link_box li a {
	display: block;
	padding: 3px 20px;
	border: 1px solid #000;
	color: #000;
	text-decoration: none;
	font-size: 90%;
	transition: all 0.15s ease-out;
}

#contents ul.link_box li a:hover,
#contents ul.link_box li a.current {
	background-color: #000;
    border: 1px solid #000;
	color: #ffffff;
	text-decoration: none;
}
*/

/* ページ内リンク  2019/02/20追加*/
/*#contents ul.link_box2 {
	width: 640px;
	margin: 0 auto 20px;
}
	#contents ul.link_box2::after {
	  content: ""; clear: both; display: block;
	  }

#contents ul.link_box2 li {
	float: left;
	margin: 0 20px 10px 0;
}

#contents ul.link_box2 li a {
	display: block;
	padding: 3px 16px;
	border: 1px solid #000000;
	color: #000000;
	text-decoration: none;
	font-size: 87%;
}

#contents ul.link_box2 li a:hover,
#contents ul.link_box2 li a.current {
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
}

#contents ul.link_box2 li.act a {
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
}

#contents ul.link_box2 li.full { width: 100%;}
#contents ul.link_box2 li.half { width: 48%;}
*/

#contents ul.list01 li {
    margin: 0 0 5px 25px;
    list-style: disc;
}


@media screen and (max-width: 736px){
/*#contents ul.link_box2 {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}*/
}


/* リンク アイコン */
#contents a.link_text::after {
	content:" >";
	display: inline;
	margin: 0;
	padding-right: 5px;
	font-weight: bold;
	font-family: inherit;
	text-align: left;
}

#contents a.link_pdf::after {
	content:url("/images/common/ico_pdf.gif")!important;}
#contents a.link_word::after {
	content:url("/images/common/ico_word.gif")!important;}
#contents a.link_excel::after {
	content:url("/images/common/ico_excel.gif")!important;}
#contents a.link_ppt::after {
	content:url("/images/common/ico_ppt.gif")!important;}
#contents a.link_blank::after {
	content:url("/images/common/ico_blank_gr.gif")!important;}
#contents a.link_pdf::after, #contents a.link_word::after, #contents a.link_excel::after, #contents a.link_ppt::after {
	display:inline-block;
	width: 35px;
	padding: 0 7px 0 5px;
}


/* リンクボタン */
/* カラー */
#contents .btn1 {
    width: 120px;
    margin: 30px auto 20px;
}

#contents .btn1 a {
	display: inline-block;
	padding: 3px 20px;
	border: 1px solid #000;
	background-color: #000;
	color: #ffffff;
	text-decoration: none;
}

#contents .btn1 a:hover {
	background-color: #ffffff;
	color: #000;
}


/* SEE MORE */
#contents div.more_cont {
    display: none;
	margin-top: 30px;
	text-align: left;
}

	#contents div.more_cont::after {
	  content: ""; clear: both; display: block;
	  }
	  
#contents p.more_btn {
	width: 120px;
	height: 30px;
	margin: 25px auto;
	padding: 0 7px;
	line-height: 30px;
	border: 1px solid #000;
	background-color: #000;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.15s ease-out;
}

#contents p.more_btn span {
	display: inline-block;
	font-size: 14px;
	transition: all 0.15s ease-out;
	text-align: center;
	overflow: hidden;
	position: relative;
}

#contents p.more_btn:hover {
    border: 1px solid #000;
	background: #FFF;
	color: #000;
}

#contents p.more_btn span:after {
	width: auto;
	height: 30px;
	margin: 0 auto;
	padding: 0 15px;
    content: "CLOSE";
    background: #000;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
    position: absolute;
    left: 0;
    bottom: -40px;
}

#contents p.more_btn.close span:after {
	bottom: 0;
}

#contents p.more_btn.close {
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
}

#contents p.more_btn2 {
	width: 135px;
	margin: 25px auto;
    border: 1px solid #000;
	background-color:  #000;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	transition: all 0.15s ease-out;
}

#contents p.more_btn2 a {
	display: inline-block;
	width: 125px;
	padding: 5px;
	color: #ffffff;
	transition: all 0.15s ease-out;
}

#contents p.more_btn2 a:hover {
	background-color: #ffffff;
	color: #000;
	text-decoration: none;
}




/* 表組み（table2はレスポンシブ対応） */
#contents .table1, #contents .table2, #contents .table3, #contents .table4 {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #ABBAC2;
	border-left: 1px solid #ABBAC2;
}

#contents .table1 th, #contents .table2 th, #contents .table3 th, #contents .table4 th {
	padding: 7px;
	background-color: #CBD5DC;
	border-bottom: 1px solid #ABBAC2;
    border-right: 1px solid #ABBAC2;
	color: #000;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	font-size: 94%;
}

#contents .table1 th.th2, #contents .table2 th.th2, #contents .table3 th.th2, #contents .table4 th.th2 {
	background-color: #E5EBEE;
}

#contents .table1 td, #contents .table2 td, #contents .table3 td, #contents .table4 td {
	padding: 7px;
	background-color: #ffffff;
	border-right: 1px solid #ABBAC2;
	border-bottom: 1px solid #ABBAC2;
	font-size: 94%;
}

#contents .table3 th, #contents .table3 td, #contents .table4 td {
	padding: 5px 10px;
	font-size: 100%;
	vertical-align: middle;
}

#contents .table1 a,
#contents .table2 a,
#contents .table3 a,
#contents .table4 a {
	color: #000;
}
#contents .table1 a:hover,
#contents .table2 a:hover,
#contents .table3 a:hover,
#contents .table4 a:hover {
	color: #D60000;
	text-decoration: underline;
}

#contents .table4 tr:nth-child(odd) td {
	background-color: #F7F8F9;
}


/* 201807 追加GNB */
/*#container header nav .navigation ul.link1 li {
  background: #60337b!important;
}*/


/* レイアウト パターン */
#contents .box100_l, #contents .box100_r { width: 100px; }
#contents .box130_l, #contents .box130_r { width: 130px; }
#contents .box150_l, #contents .box150_r { width: 150px; }
#contents .box190_l, #contents .box190_r { width: 190px; }
#contents .box200_l, #contents .box200_r { width: 200px; }
#contents .box210_l, #contents .box210_r { width: 210px; }
#contents .box220_l, #contents .box220_r { width: 220px; }
#contents .box240_l, #contents .box240_r { width: 240px; }
#contents .box250_l, #contents .box250_r { width: 250px; }
#contents .box265_l, #contents .box265_r { width: 265px; }
#contents .box300_l, #contents .box300_r { width: 300px; }
#contents .box310_l, #contents .box310_r { width: 310px; }
#contents .box330_l, #contents .box330_r { width: 330px; }
#contents .box350_l, #contents .box350_r { width: 350px; }
#contents .box380_l, #contents .box380_r { width: 380px; }
#contents .box400_l, #contents .box400_r { width: 400px; }
#contents .box420_l, #contents .box420_r { width: 420px; }
#contents .box470_l, #contents .box470_r { width: 470px; }
#contents .box480_l, #contents .box480_r { width: 480px; }

#contents .box100_l, #contents .box130_l, #contents .box150_l, #contents .box190_l, #contents .box200_l, #contents .box210_l, #contents .box220_l, #contents .box240_l, #contents .box250_l, #contents .box265_l, #contents .box300_l, #contents .box310_l, #contents .box330_l, #contents .box350_l, #contents .box380_l, #contents .box400_l, #contents .box420_l, #contents .box470_l, #contents .box480_l  {
	float: left;
	margin-right: 20px;}

#contents .box100_r, #contents .box130_r, #contents .box150_r, #contents .box190_r, #contents .box200_r, #contents .box210_r, #contents .box220_r, #contents .box240_r, #contents .box250_r, #contents .box265_r, #contents .box300_r, #contents .box310_r, #contents .box330_r, #contents .box350_r, #contents .box380_r, #contents .box400_r, #contents .box420_r, #contents .box470_r, #contents .box480_r {
	float: right;}


.floatR { float: right !important;}

.fll{float:left !important;}
.flr{float:right !important;}
.clear { clear: both;}

.clearfix::after {
	content: ""; clear: both; display: block;
}

.p0 {padding:0 !important;}

.m0a {margin:0 auto !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}


.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}

.pt40 {padding-top:40px !important;}

.plink { margin-top:-150px !important; padding-top:150px !important; }

.uline { text-decoration: underline;}

.indent1 { text-indent: 1em; }
.indent2 { padding-left:1em; text-indent:-1em;}

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

.fcr { color: #dc0000; }
.bold { font-weight: bold;}
.fcr_b { color: #dc0000; font-weight: bold; }

.fsmall { font-size: 85%;}
.fnormal { font-weight:normal;}

.none_pc { display: none;}
.none_sp { display: block;}

.iframe_wrap {   position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px; }


.iframe_wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.text_box1 {
    padding: 15px;
    background-color: #f2f5f7;
    margin-top: 20px;
}


@media screen and (max-width: 736px) {

/* title */
#title h1.tit {
	margin: 0px;
}
	
#container .request_box {
	padding: 20px 0 10px 0;
}

#container .request_box h1 + strong {
	padding: 2px 6px;
    font-size: 13px;
}


/* footer banner */
#container footer .banner_links {
	margin: 0 auto 20px;
}

#container footer .banner_links li {
    display: block;
	margin: 8px auto 0;
	padding-right: 0;
}



section#about section, section#department section, section#teacher section, section#career section, section#other section, section#international section, section#curriculum section{
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents .w100 {
	width: 100%;
	padding: 0;
}

#contents .w640 {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents section img {
	/* display: block; */
	max-width: 100%!important;
	height: auto;
	/* margin: 5px auto 0; */
}

#contents h1.tit_page {
	margin: 20px 10px;
}

#contents h2 {
	font-size: 18px;
}


/* ページ内リンク */
/*#contents ul.link_box {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents ul.link_box li {
	width: 100%;
	margin-right: 10px;
}

#contents ul.link_box li:nth-child(even) {
	margin-right: 0;
}

#contents ul.link_box li a {
	padding: 3px 10px;
}
*/

/* 表組み（レスポンシブで1列） */
#contents .table2 th {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#contents .table2 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}


/* 表組み スクロール */
.scroll {
	padding: 5px;
	border: 2px solid #BCC7CE;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}

.scroll::-webkit-scrollbar {
	height: 10px;
}
.scroll::-webkit-scrollbar-track {
	background: #E7EBEE;
}
.scroll::-webkit-scrollbar-thumb {
	background: #92A2AB;
}


/* レイアウト パターン */
#contents .box100_l, #contents .box100_r { width: 100%; }
#contents .box130_l, #contents .box130_r { width: 100%; }
#contents .box150_l, #contents .box150_r { width: 100%; }
#contents .box200_l, #contents .box200_r { width: 100%; }
#contents .box210_l, #contents .box210_r { width: 100%; }
#contents .box220_l, #contents .box220_r { width: 100%; }
#contents .box240_l, #contents .box240_r { width: 100%; }
#contents .box250_l, #contents .box250_r { width: 100%; }
#contents .box265_l, #contents .box265_r { width: 100%; }
#contents .box300_l, #contents .box300_r { width: 100%; }
#contents .box310_l, #contents .box310_r { width: 100%; }
#contents .box320_l, #contents .box320_r { width: 100%; }
#contents .box330_l, #contents .box330_r { width: 100%; }
#contents .box350_l, #contents .box350_r { width: 100%; }
#contents .box380_l, #contents .box380_r { width: 100%; }
#contents .box400_l, #contents .box400_r { width: 100%; }
#contents .box420_l, #contents .box420_r { width: 100%; }
#contents .box470_l, #contents .box470_r { width: 100%; }
#contents .box480_l, #contents .box480_r { width: 100%; }

#contents .box100_l, #contents .box130_l, #contents .box150_l, #contents .box200_l, #contents .box210_l, #contents .box220_l, #contents .box240_l, #contents .box250_l, #contents .box265_l, #contents .box300_l, #contents .box310_l, #contents .box320_l, #contents .box330_l, #contents .box350_l, #contents .box380_l, #contents .box400_l, #contents .box420_l, #contents .box470_l, #contents .box480_l {
	clear: both;
	float: none;
	margin: 0 auto;}

#contents .box100_r, #contents .box130_r, #contents .box150_r, #contents .box200_r, #contents .box210_r, #contents .box220_r, #contents .box240_r, #contents .box250_r, #contents .box265_r, #contents .box300_r, #contents .box310_r, #contents .box320_r, #contents .box330_r, #contents .box350_r, #contents .box380_r, #contents .box400_r, #contents .box420_r, #contents .box470_r, #contents .box480_r {
	clear: both;
	float: none;}

#contents .box100_l img, #contents .box130_l img, #contents .box190_l img, #contents .box200_l img, #contents .box240_l img, #contents .box250_l img, #contents .box265_l img, #contents .box310_l img, #contents .box380_l img, #contents .box420_l img, #contents .box430_l img, #contents .box470_l img, #contents .box480_l img, #contents .box100_r img, #contents .box130_r img, #contents .box190_r img, #contents .box200_r img, #contents .box240_r img, #contents .box250_r img, #contents .box265_r img, #contents .box310_r img, #contents .box380_r img, #contents .box420_r img, #contents .box430_r img, #contents .box470_r img, #contents .box480_r img {
	display: block;
	margin: 10px auto;
}

.none_pc { display: block;}
.none_sp { display: none;}

}