@charset "UTF-8";
/*================================================================================
  common
==================================================================================*/
/*---------------------------------------------------- ttl */
@media screen and (max-width:767px) {
	.contents .main h2 {
		font-size: 1.6rem;
		padding: 10px 0 10px 15px;
	}
	.contents .main h2:before {
		height: 18px;
		margin-top: -10px;
	}
	.contents .main h3 {
		font-size: 1.6rem;
	}
	
	.newsttl{
		width:96%;
		margin:0 auto 15px;
	}
/*---------------------------------------------------- link */
	ul.but-box.cell1 li,
	ul.but-box.cell2 li,
	ul.but-box.cell3 li{
		width:80%;
		margin-bottom:2%;
	}
	ul.link > li {
		background: url(/img/arrow_03.png) left 18% no-repeat;
		background-size: 6px;
		margin-bottom: 0;
	}
	ul.link > li a {
		display: inline-block;
		min-height: 44px;
	}
/*---------------------------------------------------- br */
	br.br-sp {
		display: block;
	}
	body {
		font-size: 1.2rem;
	}
	
/*---------------------------------------------------- table */

	.scroll{
		white-space: nowrap;
	}


/* -------------------------------------- UTILITY */
	.float-left,
	.float-right {
		float:none;
		max-width: 100%;
	}
	img.float-left,
	img.float-right {
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	
	.flame01{
		padding:15px;
		border:1px solid #ccc;
	}
/*================================================================================
  base
==================================================================================*/
	.header_wrap {
		background: none;
	}
	header {
		width: 100%;
		height: auto;
	}
	header h1,
	.header_logo {
		float: left;
		width: 46%;
		margin: 12px 0 0 2%;
		position: static;
	}
	header .tool {
		display: none;
	}
	header .sp_btn {
		display: block;
		float: right;
		overflow: hidden;
		margin: 12px 2% 0 0;
	}
	header .sp_btn p.btn_target,
	header .sp_btn p.btn_global,
	header .sp_btn p.btn_en {
		width: 45px;
		float: left;
		margin-left: 5px;
	}
	header nav.target,
	header nav.global,
	header ul.utility ,
	header .sitesearch {
		display: none;
	}
	header nav.target {
		width: 100%;
		position: static;
		background: #3a247d;
		font-size: 1.6rem;
		z-index: 1000;
	}
	header nav.target ul li {
		padding: 0 10px;
		width: auto;
		float: none;
		position: relative;
		z-index: 10000;
		border-bottom: 1px solid #ccc;
	}
	header nav.target ul li:nth-child(1) {
		width: auto;
	}
	header nav.target ul li a {
		text-align: left;
		color: #fff;
		border-left:none;
		margin: 0;
		display: block;
		padding: 10px 0;	
	}
	header nav.target ul li:last-child a {
		border-right: none;
	}
	header nav.global {
		width: 100%;
		position: static;
		background: #3a247d;
		z-index: 1000;
	}
	header nav.global ul li {
		padding: 0 10px;
		float: none;
		text-align: left;
		width: auto !important;
		position: relative;
		z-index: 10000;
		border-bottom: 1px solid #ccc;
	}
	header nav.global ul li a {
		text-align: left;
		color: #fff;
		border-left:none;
		margin: 0;
		display: block;
		padding: 10px 0;
		height: auto;
		font-size: 1.6rem;
	}
	header nav.global ul li a:hover, header nav.global ul li a.active,
	header nav.target ul li a:hover, header nav.target ul li a.active {
		background: none;
		color: #fff;
	}
	header ul.utility {
		position: static;
		top: 40px;
		width: 100%;
		z-index: 10000;
		background: #f0efe6;
	}
	header ul.utility li {
		float: none;
		border-bottom: 1px solid #ccc;
		margin-left: 0;
	}
	header ul.utility li {
		background-position: 10px !important;
		padding-left: 40px;
	}
	header ul.utility li a {
		display: block;
		font-size: 1.6rem;
		font-weight: bold;
		color: #3a247d;
	}
	header .sitesearch {
		position: static;
		width: 94%;
		margin: 0 auto;
		padding: 12px 3% 18px 3%;
		overflow: hidden;
		background: #f0efe6;
	}
	header .sitesearch .text {
		border-radius: 0;
		-webkit-appearance: none;
		border: none;
		background: #fff;
		float: left;
		width: 68%;
		border: 1px solid #ddd;
		min-height: 30px;
	}
	header .sitesearch input[type=image] {
		border-radius: 0;
		-webkit-appearance: none;
		width: 25%;
		float: right;
	}
	header p.close {
		background: #3a247d;
    	width: 100%;
    	color: #fff;
    	padding: 15px 0;
    	text-align: center;
		font-size: 1.2rem;
	}
	header p.close span {
		display: inline-block;
		cursor: pointer;
		background: url(/img/icon_close.png) left center no-repeat;
		background-size: 13px;
		padding: 0 0 0 30px;
	}
/*--------------------------------------------------------- pageettl */
	.pagettl {
		border-left: 6px solid #3a247d;
		min-height: inherit;
		padding: 10px 0 10px 10px;
		margin: 0 0 30px 0;
		background: #f0efe6 !important;
	}
	.pagettl h1 {
		font-size: 1.8rem;
	}
	.pagettl p {
		margin: 0;
	}
	.contents .main > h1 {
		font-size: 1.8rem;
		padding:15px 0 11px 20px;
	}

/*--------------------------------------------------------- link */
	ul.page-link{
		padding:15px 10px;
	}
	
	
	
	
	
/*--------------------------------------------------------- breadcrumb_list */
	ul.breadcrumb_list {
		display: none;
	}
/*--------------------------------------------------------- contents */
	.contents {
		width: 100%;
		margin: 0 auto 50px auto;
	}
	.contents .main,
	.contents .side {
		width: auto;
		float: none;
	}
	.contents .main {
		margin-bottom: 30px;
	}
	.contents .main .column02 .column {
		width: auto;
		float: none;
	}
	.contents .main .column02 .column:nth-child(2n) {
		margin-left: 0;
	}

	.contents .main p.lead {
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
	.contents .links {
		width: 96%;
		margin: 0 auto;
	}
	.contents .links > .column {
		width: auto;
		float: none;
	}
	.contents .links > .column:nth-child(2n) {
		margin-left: 0;
	}
	.contents .links > .column ul li {
		background: url(/img/arrow_03.png) left 18% no-repeat;
		background-size: 6px;
		margin-bottom: 0;
	}
	.contents .links > .column ul li a,
	.contents .links > .column ul li > span {
		display: inline-block;
		min-height: 44px;
	}


/*--------------------------------------------------------- footer */
	button#pc_view {
		display: block;
		background: #e6e2f3;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 10px 0;
		appearance: none;
		width: 100%;
		font-size: 1.4rem;
	}
	p.pagetop {
		width: 65px;
	}
	footer .inner > ul > li {
		float: none;
		padding-bottom: 0;
		width: auto !important;
	}
	footer .inner > ul > li dl dd {
		font-size: 1.2rem;
	}
	footer .inner > ul > li dl dd .faculty li a {
		padding: 15px 0;
	}
	footer .inner > ul > li dl dd ul.link {
		overflow: hidden;
		margin: 10px 0 25px 0;
	}
	footer .inner > ul > li dl dd ul.link li {
		float: left;
		margin-right: 20px;
		background-position: left 5px;
	}
	footer ul.sns {
		margin-bottom: 15px;
	}
	footer .footer_btm {
		padding: 0 0 20px 0;
	}
	footer .footer_btm ul {
		float: none;
		margin-bottom: 10px;
	}
	footer .footer_btm ul li {
		display: inline-block;
	}
	footer .footer_btm ul li a {
		display: block;
		padding: 12px 0;
	}
	footer .footer_btm p {
		float: none;
		text-align: left;
	}
	footer ul.footer_snsList {
		margin-bottom: 25px;
	}


/*---------------------------------------------------- photo */
ul.photo{}
ul.photo li{
	display:inline-block;
	}
.photo li img{
	width:95%;
	}
ul.photo.cell2 li,
ul.photo.cell3 li{
	width:80%;
	}


/*---------------------------------------------------- news */
	dl.news{
		width:96%;
		margin:0 auto;
	}



/*----------------------------------------------------  */

}