@charset "utf-8";
/* PC */
/* 入学式について（about/index.html）
/* ------------------------------------------------------------ */

.hn02{
	margin-bottom: 0;
	font-size: 2.125rem;
	font-weight: 700;
	color: #35318f;
	padding-top: 10px;
	padding-bottom: 30px;
}

/* 平成28年度入学式 */
#about {
	padding: 30px 0;
}
.lead {
	background: #fff;
	border-radius: 10px;
	font-weight: bold;
	padding: 15px;
	margin-bottom: 40px;
}
#ceremony {
	padding-bottom: 30px;
}
/* 日時・場所・対象 */
#ceremonyWrap {
	margin-bottom: 40px;
}
#ceremonyTxt {
	width: 52.6%;
	max-width: 500px;
	float: left;
}
#ceremonyImgWrap {
	width: 42.1%;
	max-width: 400px;
	float: right;
}
#ceremonyImgWrap img {
	width: 100%;
	vertical-align: bottom;
}
.ceremonyList {
	font-size: 0.88rem;
	letter-spacing: -0.4em;
	margin-bottom: 1em;
}
.ceremonyList:last-child {
	margin-bottom: 0;
}
.ceremonyListLavel {
	width: 20%;
	max-width: 100px;
	letter-spacing: normal;
	display: inline-block;
	background: #35318f;
	border-radius: 5px;
	padding: 2px 5px;
	box-sizing: border-box;
	white-space: nowrap;
	color: #fff;
	text-align: center;
	vertical-align: top;
	margin-right: 6%;
}
.ceremonyList > dd {
	width: 74%;
	max-width: 370px;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
}
.ceremonyList dd .oneLine {
	border-bottom: #ccc 1px dotted;
	margin-bottom: 0.5em;
}
.ceremonyListTxt .ceremonyListSttl {
	border-bottom: #ccc 1px dotted;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

.fa {
	padding-bottom: 1.0em;
}
.ceremonyListTxt dd {
	margin-bottom: 1em;
}
.ceremonyListTxt dd:last-child {
	margin-bottom: 0;
}

.noteWrap {
	background: #fff;
	border-radius: 5px;
	padding: 0.1em 1em 1em 1em;
	margin-top: 1em;
	color: #c90909;
	font-size: 90%;
}

.noteWrap .listNote li {
	list-style: none;
	margin-top: 1em;
}
.noteWrap .listNote li dl {
	margin-top: 1em;
}
.noteWrap .listNote li dl dt {
	font-weight: bold;
}
.noteWrap .listNote li dl dd li {
	margin-top: 0.3em!important;
}
.noteWrap .listNote li.kome {
	padding-left: 1.34em;
	text-indent: -1.34em !important;
}
.noteWrap .listNote li.num1 {
	padding-left: 2.5em;
	text-indent: -2.5em !important;
}
.noteWrap .listNote li.num2 {
	padding-left: 1.34em;
	text-indent: -1.34em !important;
}

#ceremonyImgWrap li {
	margin-bottom: 1em;
}
#ceremonyImgWrap li:last-child {
	margin-bottom: 0;
}
#ceremonyImgWrap img {
	vertical-align: bottom;
}


/* 地図・ライブ配信について */
#map {
	width: 42.1%;
	max-width: 400px;
	float: left;
}
#mapImg {
	margin-bottom: 1em;
}
#mapImg img {
	width: 100%;
	vertical-align: bottom;
}
#streaming {
	width: 100%;
	/*max-width: 516px;*/
	float: left;
	background: #35318f;
	border-radius: 5px;
	color: #fff;
	padding: 2em;
	font-size: 0.88rem;
	box-sizing: border-box;
}
.mapNote li {
	font-size: 0.75rem;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.mapNote li.noMark {
	text-indent: 0;
	margin-top: 1em;
}
#streaming .sttl {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#streaming .icon {
	text-align: center;
	margin-bottom: 0.5em;
}
#streaming .icon img {
	width: 48px;
	vertical-align: bottom;
}
.streamingDate {
	display: table;
	width: 100%;
	margin: 1em 0 2em;
	font-size: 1.2rem;
	font-weight: bold;
}
.streamingDate .date {
	display: table-cell;
	vertical-align: top;
	width: 4em;
	white-space: nowrap;
}
.streamingDate dd {
	display: table-cell;
	vertical-align: top;
}
#streaming ul.haishin {
	margin-top: 0.5em;
}
#streaming ul.haishin li {
	border-bottom: #fff 1px dashed;
	padding: 10px 0;
	margin-bottom: 5px;
}
#streaming ul.haishin li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.streamingNote {
	margin-top: 12px;
}
#streamingBnr {
	margin: 20px auto;
	text-align: center;
}
#streamingBnr img {
	max-width: 100%;
	height: auto;
	width /***/:auto; 
	vertical-align: bottom;
}
#streamingBnr a {
	display: block;
	transition: 0.2s ease-in-out;  
}
#streamingBnr a:hover {  
    opacity: 0.6;  
}


.streamingBnr a {
	width: 100%;
	max-width: 500px;
	display: block;
	background: #fcff07;
	margin: 10px auto;
	padding: 15px;
	color: #000!important;
	font-size: 1.5rem;
	text-decoration: none;
	font-weight: bold;
} 
.streamingBnr a span.ck {
	display: block;
	margin-bottom: 5px;
	font-size: 0.8rem;
} 

.streamingBnr a span.ck2 {
	display: inline-block;
	font-size: 1.0rem;
	margin-left: 10px;
	text-decoration: underline;
} 

/* 昨年の入学式の様子 */
#lastYearImgWrap {
	width: 100%;
	position: relative;
	margin-bottom: 30px;
}
#lastYearImg {
	width: 100%;
	height: 378px;
}
#lastYearImgWrap .cap {
	max-width: 980px;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	text-align: right;
	font-size: 0.75rem;
}
#lastYearIc {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -456px;
}
#lastYearImgList {
	width: 100%;
	height: 360px;
}
#lastYearImgList li {
	float: left;
	width: 534px;
}
#lastYearImgList li img {
	vertical-align: bottom;
}
/* 交通アクセス */
#access {
	text-align: center;
	margin-bottom: 3em;
}
#accessMapImg {
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}
#accessMapImg img {
	width: 100%;
	vertical-align: bottom;
}
/* 主要駅からの行き方 */
#station {
	text-align: center;
}
#stationImg {
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0 0;
}
#stationImg img {
	vertical-align: bottom;
}

p.pdf{
	display: inline-block;
	line-height: 45px;
	font-size: 1.3em;
	margin-bottom: 40px;
	padding: 5px 60px 5px 0;
	background-image: url(../../img/faculty/ic_pdf.png);
	background-position: right center;
	background-repeat: no-repeat;
}

h3.access{
	margin-bottom: 20px;
}