@import "base.css";


/* 
------------------------------------------------------------ */
a {
	color:#0078ff;
	text-decoration:underline;
}

a img {
	/*firefox*/
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	box-shadow: #000 0 0 0;
	/*background-color:#ffffff;*/
}

/*画像をウインドウサイズに合わせて可変*/
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
	-webkit-backface-visibility: hidden;
	vertical-align: bottom;
	
}


body {
	color:#333;
	margin:0;
	padding:0;
	font-size:15px;
	font-family: -apple-system, BlinkMacSystemFont , '游ゴシック体' , 'Yu Gothic', YuGothic , 'ヒラギノ角ゴ Pro' , 'Hiragino Kaku Gothic Pro' , 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	/*font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
	line-height:180%;
	background-color:#fff;
	text-align:center;
	position:relative;
}






#main-wrapper{
	position:relative;
}

#main-container {
	
}

#header {}



/* ボタン 
------------------------------------------------------------ */
.btn-link{

}

.btn-link a{
	display: block;
	border: solid #ffdb26 1px;
	background-color: #fffdf1;
	padding: 15px;
	line-height: 130%;
	text-decoration: none;
	color: #333;
	font-size: 19px;
	font-weight: 600;
}
.btn-link a span{
	display: block;
	background: url(../../images/arrow01.png) right center no-repeat;
	background-size: 7px auto;
	text-align: center;
	padding-right: 15px;
}



.btn-link02 a{
	display:inline-block;
	padding:20px 20px;
	min-width:250px;
	line-height:110%;
	font-size:16px;
	text-decoration:none;
	color:#000;
	background-color:#f5f5f5;
	border:solid #cecece 2px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight:600;
}


/* 共通
------------------------------------------------------------ */
.title{
	text-align: center;
}

.title h2,
.title h3{
	font-size: 38px;
	font-weight: normal;
	padding-bottom: 4px;
	line-height: 150%;
	display: inline-block;
	border-bottom: solid #ffde45 3px;
}
.title span{
	font-size: 30px;
}

.title-read{
	font-size: 15px;
	letter-spacing: 0.2em;
	font-weight: 600;
	text-align: center;
	margin-top: 15px;
	line-height: 150%;
}



.page-title{
	text-align: center;
	border-top: solid #e2e2e2 1px;
	
	padding: 80px 0;
}
.page-title .content-inner{
	text-align: center;
}
.page-title h2{
	font-size: 30px;
	text-align: center;
	display: inline-block;
	background-color: rgba(254,225,87,0.90);
	padding: 5px 15px;
	line-height: 150%;
	color: #000;
}



.title-item-set{
	text-align: center;
}
.title-item-set-inner{
	display: inline-block;
	padding-left: 80px;
}
.title-item-set-inner h3{
	display: inline-block;
	padding-right: 80px;
}
.title-item-set-inner h3 strong{
	font-size: 38px;
	font-weight: normal;
	padding-bottom: 4px;
	line-height: 150%;
	display: inline-block;
	border-bottom: solid #ffde45 3px;
}
.title-item-set-inner h3 strong span{
	font-size: 30px;
}
.title-item-set p{
	font-size: 15px;
	letter-spacing: 0.2em;
	font-weight: 600;
	text-align: center;
	margin-top: 15px;
	line-height: 150%;
}


.set-type01 .title-item-set-inner{
	background: url(../../images/icon001.png) left center no-repeat;
	background-size: 50px auto;
}
.set-type01 .title-item-set-inner h3{
	background: url(../../images/icon002.png) right center no-repeat;
	background-size: 50px auto;
}

.set-type02 .title-item-set-inner{
	background: url(../../images/icon003.png) left center no-repeat;
	background-size: 50px auto;
}
.set-type02 .title-item-set-inner h3{
	background: url(../../images/icon004.png) right center no-repeat;
	background-size: 50px auto;
}



.page-img-title{
	height: 400px;
	position: relative;
	text-align: right;
}
.page-title .content-inner{
	position: relative;
}

.page-img-title .content-inner{
	position: relative;
	text-align: right;
}

.page-img-title h2{
	font-size: 30px;
	text-align: center;
	display: inline-block;
	background-color: rgba(254,225,87,0.90);
	padding: 5px 15px;
	line-height: 150%;

	margin-top: 180px;
	min-width: 250px;
	color: #000;
}

.page-img-title span{
	background-color: rgba(255,255,255,0.90);
	color: #000;
	font-weight: 600;
	font-size: 30px;
	padding: 5px 15px;
	line-height: 150%;
	display: inline-block;
	margin-left: 5px;
	margin-top: 180px;
}


.learning .page-img-title{
	background: url(../../images/learning_main.jpg) center center no-repeat;
	background-size: cover;
}

.learning .page-img-title.region01{
	background: url(../../images/region01_main.jpg) center center no-repeat;
	background-size: cover;
}
.learning .page-img-title.region02{
	background: url(../../images/region02_main.jpg) center center no-repeat;
	background-size: cover;
}
.learning .page-img-title.region03{
	background: url(../../images/region03_main.jpg) center center no-repeat;
	background-size: cover;
}
.learning .page-img-title.region04{
	background: url(../../images/region04_main.jpg) center center no-repeat;
	background-size: cover;
}
.learning .page-img-title.region05{
	background: url(../../images/region05_main.jpg) center center no-repeat;
	background-size: cover;
}
.learning .page-img-title.region06{
	background: url(../../images/region06_main.jpg) center center no-repeat;
	background-size: cover;
}



.bg-gr{
	background-color:#f1f1f1;
}
.bg-gr02{
	background-color:#B8B8B8;
}
.bg-img{
	background: url(../../images/bg_gk.jpg) center center no-repeat;
	background-size: cover;
}
.bg-item{
	background: url(../../images/bg_item02.png) center center no-repeat;
	background-size: 1387px auto;
}

.bg-item02{
	background: url(../../images/bg_item02.png) top center repeat-y;
	background-size: 1387px auto;
}



.borderTop{
	border-top:solid #e2e2e2 1px;
}




.mt-L{
	margin-top: 60px;
}


.cbox{
	padding: 60px 0;
}
.cbox.bottom-box{
	padding: 20px 0 60px 0;
}

.cbox-inner{
	padding-top: 50px;
}


.photo-list p{
	margin-top: 5px;
}


.link-wrapp{
	padding-top: 40px;
	text-align: right;
}
.link-wrapp .btn-link{
	display: inline-block;
}
.link-wrapp .btn-link a{
	font-size: 15px;
}
.link-wrapp .btn-link a span{
	padding:0 25px 0 15px;
}

/* 下層ページ 
------------------------------------------------------------ */


.about-txt{
	font-size:25px;
	line-height:210%;
}


.point-wrapp{
	
}

.point-wrapp .item h3{
	font-size: 20px;
	line-height: 150%;
	text-align: center;
}
.point-wrapp .item .txtbox{
	background-color: #fff;
	padding: 25px;
	margin-top: 20px;
	box-shadow: 3px 3px 4px #dcdcdc;
}


/*教員紹介*/

.teacher-box .txtbox{
	margin-top:15px;
}
.teacher-box .txtbox h3{
	font-size:20px;
	text-align:left;
}
.teacher-box .txtbox p{
	font-size:15px;
	color:#7a7a7a;
}


.teacher-box { 
	margin-bottom:65px;
}
.teacher-box .workbox{
	margin-top:15px;
}
.teacher-box .workbox .workimg{
	width:30%;
	float:left;
}
.teacher-box .workbox .worktxt{
	float:right;
	width:65%;
	line-height:150%;
	font-size:12px;
	margin-top:0;
}



.teacher-box .workbox .worktxt strong{
	font-size:13px;
}



.teacher-box .linkbox{
	margin-top:20px;
	padding-top:20px;
	border-top:solid #cdcdcd 1px;
}
.teacher-box .linkbox p{
	margin-top:10px;
	font-size:12px;
	color:#7a7a7a;
}
.teacher-box .linkbox p a{
	color:#7a7a7a;
	text-decoration:none;
}



.col4box02 .teacher-box .imgbox{
	width:200px;
}
.col4box02 .teacher-box .workbox .workimg{
	width:100%;
}
.col4box02 .teacher-box .linkbox{
	margin-top:30px;
	padding-top:20px;
}
.col4box02 .teacher-box .linkbox p{
	margin-top:0px;
}



/*学生作品*/


.list-box{
	padding-bottom:20px;
}
.list-box a{
	text-decoration:none;
	color:#404040;
	display:block;
}
.list-box .imgbox img{
	width:100%;
}
.list-box .txtbox{
	padding:15px;
	background-color: rgba(255,255,255,0.80);
}
.list-box .txtbox h2{ 
	font-size:14px;
	line-height:150%;
	margin-bottom:10px;
	word-wrap: break-word;
}
.list-box .txtbox p{
	color:#7a7a7a;
	font-size:12px;
	line-height:130%;
	word-wrap: break-word;
}



/*news blog*/



.contents-main{
	width:895px;
	float:right;
	margin-bottom:50px;
}

.side-navi{
	width:260px;
	float:left;
}

.side-navi ul li{
	list-style:none;
	margin-bottom:25px;
}
.side-navi ul li a{
	display:block;
	text-decoration:none;
	color:#404040;
	padding:25px 20px;
	line-height:130%;
	background-color:#fff;
	font-size:18px;
}


.postbody-inner{
	text-align:left;
	background-color:#fff;
	margin-bottom:50px;
}

.postbody-inner h3{
	text-align:left;
	margin-top:25px;
	line-height:140%;
}
.post-head{
	padding:30px;
}
.icon-cat{
	display:inline-block;
	line-height:120%;
	padding:3px 20px;
	color:#fff;
	background-color:#b1b1b1;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.postbody-inner .post{
	padding:30px;
}


.pagination{
	margin:0 auto;
	text-align:center;
}

.pagination a{
	color:#808080;
}

.pagination.listpage{ 
	margin-top:30px;
}





/* TOP 
------------------------------------------------------------ */

.top-info-wrapp{
	padding: 50px 0 55px 0;
}
.top-info-wrapp h2{
	font-weight: normal;
	font-size: 28px;
}
.top-info-wrapp h2 span{
	display: inline-block;
	color: #ffc000;
	font-size: 15px;
	margin-left: 15px;
}

.work-list{
	padding-top: 20px;
}
.work-list .item{
	display: inline-block;
	margin-right: 32px;
}
.work-list .item a{
	display: block;
}

.work-list .item a span{
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 45px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	overflow: hidden;
}



.top-news-list{
	border-left: solid #e2e2e2 1px;
	padding-left: 60px;
	margin-left: -10px;
}


.news-list table{
	border-collapse: collapse;
	margin-top: 20px;
	font-size: 13px;
}
.news-list table th{
	font-weight: normal;
	padding: 5px 20px 5px 0px;
}
.news-list table td{
	padding: 5px 0;
}
.news-list table a{
	text-decoration: none;
	color: #333;
}







.ryouiki-list-wrapp{
	background: url(../../images/bg_nami.png) center top no-repeat;
	background-size: 100% 100%;
}

.ryouiki-list-inner{
	background: url(../../images/bg_item.png) center 20px no-repeat;
	background-size: 1387px auto;
	min-height: 665px;
	padding-top: 55px;
}


.ryouiki-list{
	margin-top: 20px;
}

.ryouiki-list .item{
	position: relative;
	margin-top: 20px;
}

.ryouiki-list .item a{
	display: block;
	position: relative;
	background-color: #fff;
}
.ryouiki-list .item img{
	vertical-align: bottom;
}

.ryouiki-list .item .ryouiki-name{
	position: absolute;
	bottom:10px;
	left: 0px;
	line-height: 130%;
	vertical-align: bottom;
}
.ryouiki-list .item .ryouiki-name h3{
	background-color: rgba(254,225,87,0.90);
	color: #000;
	font-weight: 600;
	font-size: 18px;
	padding: 4px 15px 4px 15px;
	display: inline-block;
}
.ryouiki-list .item .ryouiki-name span{
	background-color: rgba(255,255,255,0.90);
	color: #000;
	font-weight: 600;
	font-size: 14px;
	padding: 3px 10px 3px 10px;
	display: inline-block;
	margin-left: 5px;
}



.linktxt-wrapp{
	padding: 75px 0;
}

.linktxt-wrapp .linktxt-txt{
	width: 60%;
	text-align: left;
	padding-top: 20px;
	float: left;
}
.linktxt-wrapp .linktxt-btn{
	width: 35%;
	text-align: left;
	float: right;
}

.linktxt-wrapp .linktxt-btn .btn-link{
	margin-top: 10px;
}





.top-about-wrapp{
	background: url(../../images/bg_about.jpg) center center no-repeat;
	background-size: cover;
}
.top-about-inner{
	background: url(../../images/bg_sousyoku.png) center 10px repeat-x;
}

.top-about-inner a{
	display: block;
	text-align: center;
	padding: 105px 0 80px 0;
}
.top-about-inner a img{
	display: inline-block;
	width: 224px;
}



/*メインスライド*/


#main-slide{
	height: 550px;
	position: relative;
	z-index: 50;
}
#mainImgSlider{
	height: 550px;
}

#mainImgSlider:before{
	content: '';
	display: block;
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	height: 36px;
	background: url(../../images/line_kami.png) bottom center no-repeat;
	z-index: 100;
}




/*スライド設定*/
#main01{
	width: 100%;
	height: 100%;
	background: url(../../images/main001.jpg) bottom center no-repeat;
	background-size: cover;
}
#main02{
	width: 100%;
	height: 100%;
	background: url(../../images/main002.jpg) bottom center no-repeat;
	background-size: cover;
}
#main03{
	width: 100%;
	height: 100%;
	background: url(../../images/main003.jpg) bottom center no-repeat;
	background-size: cover;
}