/* * * * * * * * * * * * * * * * * *
 smart.css
* * * * * * * * * * * * * * * * * */

/* common
--------------------------------- */
a:hover {
	text-decoration: none;
}
a:hover img {
	filter: alpha(opacity=100)!important;
	-moz-opacity:1.0!important;
	opacity:1.0!important;
}

.inner {
	width: auto!important;
	min-width: 100%!important;
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
}

.noPC {
	display: block;
}
#pan {
	display: none;
}

/* header
--------------------------------- */
#header {
	/*background: #FFF;*/
	height: auto;
	line-height: 1.4;
	padding-bottom: 10px;
	/*position: static;*/
}
#header .headNav {
	display: none;
	background: #fff;
	border-radius: 10px;
	border: 3px solid #e35050;
	position: absolute;
	top: 60px;
	left: 10px;
	width: calc(100% - 20px);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#header .headNav:before {
	display: block;
	content: "";
	position: absolute;
	border-bottom: 15px solid #e35050;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	right: 35px;
	top: -15px;
}
#header .headNav li {
	display: block;
	width: auto;
	float: none;
	border-bottom: 1px solid #ccc;
}
#header .headNav li:last-child {border-bottom: 0;}
#header .headNav li a {
	display: block;
	padding: 10px 15px;
	font-size: 108%;
	text-align: left;
}
#header .headNav li a span {
	padding-left: 25px;
	background-position: left 2px;
}
#header.sub {
	height: 43px;
	line-height: 1.6;
}
#header.sub h1 {padding-top: 2px;}

#header h1 {
	float: none;
	/*text-align: center;*/
	padding: 5px 0 2px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	width: 100%;
	text-align: left;
}
#header h1 img {width: 190px;}
#header h1 p {
	font-size: 50%;
	padding-left: 8px;
	/*margin-bottom: 15px;*/
	max-width: calc(100% - 124px);
}
#header .button {
	position: absolute;
	z-index: 9;
	top: 10px;
	right: 10px;
	padding: 10px 0.8em 8px 42px;
	background: #E34A5F;
	border-radius: 5px;
	font-weight: bold;
	color: #FFF;
	font-size: 110%;
	line-height: 100%;
}
#header .button:before {
	display: inline;
	position: absolute;
	top: 8px;
	left: 0.9em;
	content: "";
	width: 21px;
	height: 17px;
	background: url(../img/common/header_nav_menu.png) no-repeat;
	background-size: contain;
}
#header .button.is-open:before {
	background-image: url(../img/common/header_nav_menu_closed.png);
}

nav.headNav li.n01 a span {background-image: url(../img/common/icon_email.png);}
nav.headNav li.n03 a span {background-image: url(../img/common/icon_opencampus.png);}
nav.headNav li.n04 a span {background-image: url(../img/common/icon_home.png);}

nav.headNav {
	padding-top: 0;
	height: auto;
	line-height: 1.4;
	float: none;
	padding-right: 0;
	padding-left: 0;
}
nav.headNav ul:after {
	display: block;
	content: "";
	clear: both;
}
nav.headNav li,
nav.headNav li a {
	display: block;
	width: auto;
}
nav.headNav li {
	margin-right: 0;
	/*width: 50%;*/
	width: 27%;
	float: left;
	box-sizing: border-box;
	/*padding: 0 5px;*/
	padding: 0;
}
nav.headNav li.n03 {width: 46%;}
nav.headNav li a {
	font-size: 13px;
	padding: 5px 0;
	color: #D76B6B;
	text-decoration: underline;
	text-shadow: none;
}
nav.headNav li a span {
	background-position: left center;
	background-size: 16px auto;
	padding-left: 20px;
}
/*nav.headNav li.n03 {
	width: 100%;
	margin-bottom: 5px;
}*/
	nav.headNav li a:hover {
		filter: alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}


/* footer
--------------------------------- */
#footer {
	padding: 20px 0;
	font-size: 13px;
}

#footer p.address {
	font-size: 12px;
}

#footer p.copy {
	font-size: 10px;
}


/* home - mv
--------------------------------- */
#mv {
	/*height: 270px;*/
	height: auto;
	/*padding-top: 80%;*/
	/*background: url(../img/home/mv.jpg) no-repeat center;*/
	/*background-size: auto 300px;*/
	background-size: cover;
	padding: 70px 25px 40px;
}
#mv h2 {/*
	background-image: url(../img/home/mv_txt1.png);
	background-position: center 60%;
	background-size: 90% auto;*/
	margin-left: 25px;
	margin-right: 25px;
}
#mv p {
	font-size: 100%;
	line-height: 160%;
	margin-top: 20px;
}


/* top
--------------------------------- */
.p-top {
	padding: 25px 20px 35px;
}

.p-top .title1 {font-size: 130%;}

.p-top__lead {margin-bottom: 40px;}
.p-top__lead p {font-size: 100%;}

.p-top__news {margin-bottom: 60px;}
.p-top__news .block1 li .date,
.p-top__news .block1 li h4 {display: block;}
.p-top__news .block1 li h4 {
	width: auto;
	margin-top: 6px;
	margin-left: 0;
}

.p-top__exam {margin-bottom: 40px;}
.p-top__exam .block1 {
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.p-top__exam .block1 h4 {
	font-size: 110%;
	margin-bottom: 10px;
}

.p-top__exam.exam2 .lead {margin-bottom: 20px;}
.p-top__exam.exam2 table,
.p-top__exam.exam2 tbody,
.p-top__exam.exam2 tr,
.p-top__exam.exam2 th,
.p-top__exam.exam2 td {
	display: block;
	width: 100% !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.p-top__exam.exam2 th {border: 1px solid #ccc;}
.p-top__exam.exam2 th,
.p-top__exam.exam2 td {border-bottom: 0;}
.p-top__exam.exam2 tr:last-child td {border-bottom: 1px solid #ccc;}
.p-top__exam.exam2 td.before {border-right: 1px solid #ccc;border-bottom: 0;padding-bottom: 3px;}
.p-top__exam.exam2 td.after {border-left: 1px solid #ccc;border-top: 0;padding-top: 3px;}



/* list
--------------------------------- */
section#list {
	padding: 20px 0;
}

section#list h3 {
	padding: 0 10px;
}

ul#listNav {
	width: auto;
	margin: 20px auto 0;
	padding: 0 5px;
}

ul#listNav li {
	box-sizing: border-box;
	width: 50%;
	height: auto;
	padding: 0 5px 10px;
	margin-left: 0;
	margin-bottom: 0;
}
ul#listNav li:nth-child(5n+1) {clear: none;}
ul#listNav li:nth-child(2n+1) {clear: both;}


/* method
--------------------------------- */
#method {
	padding: 30px 0;
}

div.method > div {
	border-top: 1px solid transparent;
	padding: 15px 15px 20px;
}

div.method p.icon img {
	width: 40px;
}

div.method h4 {
	font-size: 20px;
	line-height: 1;
}
div.method h4 span {
	display: block;
	vertical-align: top;
	margin-bottom: 5px;
}
	div.method h4 span img {
		width: 40px;
		vertical-align: top;
	}

dl.acList dt,
ul.btnList li a {
	font-size: 15px;
	height: auto;
	line-height: auto;
	padding: 10px 15px;
	line-height: 1;
	background-position: right 10px top 50%;
	background-size: 11px 11px;
}
	dl.acList dt small {
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
dl.acList dd {
	padding: 10px 15px;
	font-size: 15px;
}
dl.acList dd ul li {
	width: 100%;
	float: none;
	padding: 2px 0;
}

dl.acList dd + dt {
	margin-top: 10px;
}

ul.btnList {
	margin: 0 -5px;
}
ul.btnList li {
	padding: 0 5px 15px;
}
dl.acList dt:hover,
ul.btnList li a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

p.btn_back {
	text-align: center;
	padding: 30px 0 0;
}
p.btn_back a {
	font-size: 16px;
	border: 2px solid #D76B6B;
	padding: 5px 0;
	background-size: 6px 12px;
	background-position: 10px center;
}
p.btn_back a:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#method10 .btnList li{
	width: 100%;	
}

/* naka - common
--------------------------------- */
#pan {
	padding: 5px 0;
	font-size: 12px;
}
	#pan ul li a:hover {
		text-decoration: underline;
	}

h2.page-title {
	font-size: 18px;
	margin-bottom: 30px;
	padding: 15px 0;
	text-align: center;
}
div.content {
	padding-bottom: 40px;
}

/* table
--------------------------------- */
table.table {
	display: block;
}
table.table thead{
	display: none;
}
table.table tbody,
table.table tbody tr {
	display: block;
}
table.table tbody th{
	color: #FFF;
	background: #E09947;
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding: 10px 15px;
	margin-bottom: 10px;
}
table.table tbody th a{
	color: #ffffff;
}
table.table tbody td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px 10px;
	background-image: none;
	border: none!important;
}
table.table tbody p{
	display: block;
	border-left: none;
	padding-left: 0;
	margin-left: 90px;
	text-align: left;
}
table.table tbody td:before{
	color: #E09947;
	float: left;
	width: 90px;
	display: block;
	clear: both;
}
table.table tbody .kubun:before{
	content: "入試区分：";
}
table.table tbody .gakka:before{
	content: "学科：";
}
table.table tbody .zenkikouki:before{
	content: "前期後期：";
}
table.table tbody .kikan:before{
	content: "出願期間：";
}
table.table tbody .siken:before{
	content: "試験日：";
}


table.table tbody .bairitsu30,
table.table tbody .bairitsu29,
table.table tbody .bairitsu28{
    line-height: 2.7em;
}


table.table tbody .bairitsu30:before{
	content: "実質倍率\A 2019年度：";
	white-space: pre;
	text-align: left;
	line-height: 1.3em;
}
table.table tbody .bairitsu29:before{
	content: "実質倍率\A 2018年度：";
	white-space: pre;
	text-align: left;
	line-height: 1.3em;
}
table.table tbody .bairitsu28:before{
	content: "実質倍率\A 2017年度：";
	white-space: pre;
	text-align: left;
	line-height: 1.3em;
}



table.table tbody .bairitsu27:before{
	content: "実質倍率 H27：";
}
table.table tbody .bairitsu26:before{
	content: "実質倍率 H26：";
}
table.table tbody .bairitsu25:before{
	content: "実質倍率 H25：";
}
table.table tbody .bairitsu27,
table.table tbody .bairitsu26,
table.table tbody .bairitsu25,
table.table tbody td.zenkikouki{
	text-align: left;
}

.detail01 table.table tbody th{ background: #e47a40;}
.detail01 table.table tbody td:before{ color: #e47a40;}

.detail02 table.table tbody th{ background: #dc9229;}
.detail02 table.table tbody td:before{ color: #dc9229;}

.detail03 table.table tbody th{ background: #e1be19;}
.detail03 table.table tbody td:before{ color: #e1be19;}

.detail04 table.table tbody th{ background: #95cb40;}
.detail04 table.table tbody td:before{ color: #95cb40;}

.detail05 table.table tbody th{ background: #53b95f;}
.detail05 table.table tbody td:before{ color: #53b95f;}

.detail06 table.table tbody th{ background: #5cc5b2;}
.detail06 table.table tbody td:before{ color: #5cc5b2;}

.detail07 table.table tbody th{ background: #6699c9;}
.detail07 table.table tbody td:before{ color: #6699c9;}

.detail08 table.table tbody th{ background: #848edb;}
.detail08 table.table tbody td:before{ color: #848edb;}

.detail09 table.table tbody th{ background: #a075b9;}
.detail09 table.table tbody td:before{ color: #a075b9;}

.detail10 table.table tbody th{ background: #d26db4;}
.detail10 table.table tbody td:before{ color: #d26db4;}

.detail11 table.table tbody th{ background: #eb6188;}
.detail11 table.table tbody td:before{ color: #eb6188;}

.detail12 table.table tbody th{ background: #e35050;}
.detail12 table.table tbody td:before{ color: #e35050;}


table.table th.kubun br {display: none;}




/* table


table.table {
	display: block;
}
table.table th,
table.table td {
	padding: 10px;
	font-size: 12px;
}

table.table thead {
	display: block;
	float: left;
	overflow-x: scroll;
}

table.table th {
	display: block;
	width: auto;
}

table.table tbody {
	display: block;
	width: auto;
	overflow-x: auto;
	white-space: nowrap;
}
table.table tbody tr {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
table.table tbody td {
	display: block;
}
--------------------------------- */




#pdf > div {padding: 0;}
#pdf > div p:last-child {padding-left: 15px;padding-right: 15px;}