/* ============================================================
   for PC CSS Base
============================================================== */


@media screen and (min-width:641px) {

	/* ----------------------------------------------------------
  Base rule
------------------------------------------------------------*/
	html {
		font-size: 62.5%;
	}

	body {
		/* width: 100%; */
		min-width: 1250px;
	}

	p {
		font-size: 1.6rem;
		line-height: 1.8em;
		margin: 0 0 20px 0;
	}

	h1,
	h2,
	h3 {
		font-weight: normal;
	}

	/*-------------------- スマホ専用ブロック削除 */
	.sp-only {
		display: none;
	}

	/* PCの<br>を削除 */
	.sp-only-br {
		display: none;
	}

	/* ----------------------------------------------------------
  #header
------------------------------------------------------------*/
	#header {
		width: 100%;
		height: 90px;
		/* z-index: 100;
	position: fixed; */
		background: rgba(255, 255, 255, 0.9);
		/* border-bottom: 1px solid #999; */
	}

	#common-header {
		height: 90px;
		padding: 0 2%;
		margin: 0;
		overflow: hidden;
	}

	/* ---------------- サイトロゴ */
	#header-logo {
		width: 458px;
		height: 60px;
		box-sizing: border-box;
		margin: 20px 0 0;
		background: url(/theme/u-shimane/junior_college_department/images/title_kentan.svg) no-repeat;
	}

	#header-logo h1 {
		font-size: 1em;
		text-indent: -9999px;
	}

	#header-logo h1 a {
		width: 458px;
		height: 60px;
		display: block;
	}


	/* ################# SP Gloval Menu Icon */
	#sp-menu-icon {
		display: none;
	}

	.drawer-nav {
		display: none;
	}

	/* ----------------------------------------------------------
  Global Menu
------------------------------------------------------------*/
	.navi-block {
		width: 600px;
	}

	.sub-navi {
		font-size: 1.4rem;
		padding: 10px 0 0 250px;
	}

	.sub-navi :hover {
		color: #0868E6;
	}

	#global-navi {}

	#global-navi ul {
		/*width: 744px;*/
		/*height: 40px;*/
		font-size: 1.6rem;
	}

	/* --------------- ホバーすると中央から左右にライン */
	.line-red a {
		position: relative;
		display: inline-block;
		text-decoration: none;
		padding: 30px 0 0;
		color: #000;
	}

	.line-red a:hover {
		color: #0868E6;
	}

	.line-red a::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #0868E6;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform .3s;
	}

	.line-red a:hover::after {
		transform: scale(1, 1);
		color: #0868E6;
	}

	/* ################# SP Gloval Navi */
	#sp-global-navi {
		visibility: hidden;
		height: 0;
	}


	/* ----------------------------------------------------------
   各ページ共通設定
------------------------------------------------------------*/

	/* ---------------- 共通タイトル h2 */
	.t-kentan {
		text-align: center;
		font-family: "游明朝", "Yu Mincho", "游明朝体", serif;
		font-size: 3.6rem;
		line-height: 1em;
		margin: 0 0 10px;
		position: relative;
		padding: 0 0 20px;
		background: url(/theme/u-shimane/junior_college_department/images/bar_kentan.png) no-repeat center bottom;
	}

	/* h2下小タイトル */
	.t-sub {
		text-align: center;
		font-size: 1.8rem;
		margin: 0 0 35px;
	}

	/* ---------------- Bace Frame */
	.page-bk {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.container {
		width: 1100px;
		position: relative;
		margin: 0 auto 100px;
	}

	.content {
		width: 1100px;
		position: relative;
		margin: 60px auto 100px;
	}

	.content p a {
		color: #0868E6;
		border-bottom: 1px dotted #0868E6;
	}


	/* ---------------- ★共通リンクボタン設定 */
	.link-bt {
		margin: 0 auto;
		position: relative;
		width: 260px;
	}

	.link-bt p {
		font-size: 1.6rem;
		height: 50px;
		text-align: center;

	}

	.link-bt p a {
		display: block;
		height: 50px;
		line-height: 52px;
		border: 1px solid #999;
		background: #fff;
		/* border-radius: 5px; */
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease;
	}

	.link-bt p a:hover {
		border: 1px solid #fff;
		text-decoration: none;
		background: #333;
		color: #fff;
		border-radius: 25px;
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease;
	}

	/* ----------------------------------------------------------
   page-top　設定
------------------------------------------------------------*/

	/* page-top */
	#page-top {
		position: fixed;
		bottom: 20px;
		right: 20px;
		font-size: 1.2rem;
		line-height: 1.5rem;
		z-index: 9;
	}

	#page-top a {
		background: #1D2371;
		text-decoration: none;
		color: #fff;
		width: 70px;
		height: 70px;
		text-align: center;
		line-height: 74px;
		display: block;
		opacity: .5;
	}

	#page-top a:hover {
		text-decoration: none;
		background: #1D2371;
		opacity: .9;
	}

	/* ----------------------------------------------------------
   フッター　共通設定
------------------------------------------------------------*/

	/* ---------------- フッター基本 */
	#footer {
		width: 100%;
		height: auto;
		background: #F8F8F4;
		overflow: hidden;
		border-top: 1px solid #ccc;
	}

	.footer-inner {
		width: 1000px;
		position: relative;
		margin: 0 auto;
		padding: 30px 0 10px;
	}

	/* ---------------- 左サイド */
	.footer-info {
		width: 360px;
	}

	.footer-info dl {
		background: url(/theme/u-shimane/junior_college_department/images/footer_kentan.svg) no-repeat left top;
		padding: 50px 0 0;
	}

	.footer-info dd {
		font-size: 1.5rem;
		margin: 0 0 10px 10px;
	}

	/* お問い合わせ一覧 */
	.inquiry-list {
		width: 280px;
		margin: 30px auto 40px;
		height: 60px;
		line-height: 62px;
		text-align: center;
		border: 1px solid #999;
		background-color: #fff;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}

	a:hover .inquiry-list {
		border-radius: 30px;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
	}

	/* bottom navi */
	.sub-navi-footer {
		font-size: 1.4rem;
		padding: 0 15px 0;
	}

	.sub-navi-footer a:hover {
		text-decoration: underline;
		color: #0868E6;
	}

	/* ---------------- 右サイド */
	/*  テキストリンク */
	.footer-link {
		width: 620px;
		margin: 10px 0 0;
	}

	.section-block {
		width: 200px;
	}

	/* 各ブロックタイトル */
	.section-block p {
		color: #fff;
		font-size: 1.8rem;
		text-align: center;
		font-family: "游明朝", "Yu Mincho", "游明朝体", serif;
		padding: 2px 0;
		margin: 0 0 20px;
	}

	.kentan-bk {
		background-color: #1D2371;
	}

	.hoiku-bk {
		background-color: #F8AE00;
	}

	.soubun-bk {
		background-color: #654C9D;
	}

	/* 必威体育_必威体育app-官网5年4月、「文化情報学科」へ名称変更予定 */
	.section-block p.footer-small {
		color: #333;
		font-size: 1rem;
		font-weight: bold;
		line-height: 1.2em;
		margin: -3.5em 0 0.5em;
	}

	.footer-link ul {
		font-size: 1.4rem;
		padding: 0 0 0 1em;
	}

	.footer-link li {
		margin: 0 0 15px;
	}

	.footer-link li a:hover {
		text-decoration: underline;
		color: #0868E6;
	}

	/* ---------------- Copyright */
	#copy-right {
		width: 100%;
		height: 60px;
		margin: 20px 0 0;
		background-color: #081B3E;
	}

	#footer #copy-right p {
		text-align: center;
		font-size: 1.4rem;
		color: #fff;
		line-height: 62px;
	}




	/* ----------------------------------------------------------------------
 オブジェクト配置
---------------------------------------------------------------------- */
	/*-------------- 間隔内いっぱいににオブジェクトの横均等配置 */
	.even-div {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		/*均等に間隔をあける*/
	}

	/*-------------- 間隔内いっぱいににオブジェクトの横均等配置 縦方向センター */
	.even-div-c {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		/*均等に間隔をあける*/
		align-items: center;
		/*縦方向中央揃え*/
	}

	/*-------------- ボックス内水平垂直センター揃え */
	.h-v-center {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/*-------------- ボックス内水平センター揃え */
	.h-center {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
	}

	/*-------------- ボックス内垂直センター揃え */
	.v-center {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
	}


	/* ----------------------------------------------------------------------
 フェードエフェクト
---------------------------------------------------------------------- */
	.fade-up {
		transition: opacity 1s;
		-moz-transition: opacity 1s;
		-webkit-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: transform 1s;
		-moz-transition: transform 1s;
		-webkit-transition: transform 1s;
		-o-transition: transform 1s;
		transition-timing-function: ease-out;
	}

	.fade-in {
		transition: opacity 1s;
		-moz-transition: opacity 1s;
		-webkit-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition-timing-function: ease-in-out;
	}

	/* ----------------------------------------------------------------------
 ページ設定
---------------------------------------------------------------------- */
	/*------------------ メインイメージ */
	.top-movie {
		margin: 0 0 70px;
		vertical-align: top;
		text-align: center;
	}

	.top-movie img {
		width: 100%;
		height: auto;
	}

	/* SP メインイメージ */
	.sp-top-movie {
		display: none;
	}

	/*------------------ 各コースへのリンク */
	.course-frame {
		max-width: 1500px;
		margin: 0 auto 70px;
	}

	/* 保育学科 */
	.hoiku-f {
		width: 50%;
		height: 500px;
		background: url(/theme/u-shimane/junior_college_department/images/course_hoiku.jpg) no-repeat right top;
		position: relative;
	}

	.catch-hoiku {
		color: #fff;
		font-size: 3.4rem;
		font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", 'Noto Serif JP', serif;
		font-weight: bold;
		line-height: 1.3em;
		text-align: right;
		position: absolute;
		right: 0;
		bottom: 140px;
		text-shadow: 0 0 5px #333;
	}

	.hoiku-plate {
		height: 150px;
		width: 100%;
		background: #ff9c07 url(../images/arrow_hoiku.png) no-repeat right 560px center;
		opacity: 0.8;
		position: absolute;
		right: 0;
		bottom: 0;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	a:hover .hoiku-plate {
		opacity: 1;
		background: #ff9c07 url(../images/arrow_hoiku.png) no-repeat right 570px center;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	a:hover .hoiku-plate dt {
		/* letter-spacing: 0.2em; */
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.hoiku-plate dl {
		position: absolute;
		right: 0;
		width: 550px;
	}

	.hoiku-plate dt {
		font-family: "游明朝", "Yu Mincho", "游明朝体", serif;
		font-size: 5rem;
		margin: 15px 0;
		color: #fff;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.hoiku-plate dd {
		font-size: 1.8rem;
		line-height: 1.5em;
		color: #fff;
	}

	/* 必威体育_必威体育app-官网 */
	.soubun-f {
		width: 50%;
		height: 500px;
		background: url(/theme/u-shimane/junior_college_department/images/course_soubun.jpg) no-repeat left top;
		position: relative;
	}

	.catch-soubun {
		color: #654C9D;
		font-size: 3.4rem;
		font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", 'Noto Serif JP', serif;
		font-weight: bold;
		line-height: 1.3em;
		padding: 25px 0 0 5%;
	}

	/* 必威体育_必威体育app-官网5年4月、「文化情報学科」へ名称変更予定 */
	.soubun-caution {
		display: inline-block;
		font-size: 1.2rem;
		line-height: 1.5em;
		margin: 0 0 0 1em;
	}

	.soubun-plate {
		height: 150px;
		width: 100%;
		background: #654C9D url(../images/arrow_soubun.png) no-repeat 560px center;
		opacity: 0.8;
		position: absolute;
		bottom: 0;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	a:hover .soubun-plate {
		background: #654C9D url(../images/arrow_soubun.png) no-repeat 570px center;
		opacity: 1;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	a:hover .soubun-plate dt {
		/* letter-spacing: 0.2em; */
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.soubun-plate dl {
		position: absolute;
		width: 550px;
		box-sizing: border-box;
		padding: 0 0 0 5%;
	}

	.soubun-plate dt {
		font-family: "游明朝", "Yu Mincho", "游明朝体", serif;
		font-size: 5rem;
		margin: 15px 0;
		color: #fff;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.soubun-plate dd {
		font-size: 1.8rem;
		line-height: 1.5em;
		color: #fff;
	}

	/*------------------ Activities */
	/* 科ごとのフレーム */
	.act-g {
		width: 540px;
		box-sizing: border-box;
		padding: 5px;
		background-color: #F8F8F4;
	}

	.activities {
		width: 1100px;
		margin: 0 auto 80px;
	}

	.activities-unit {
		width: 530px;
		height: 270px;
		box-sizing: border-box;
		overflow: hidden;
		background-color: #000;
		position: relative;
	}

	/* 画像処理 */
	a .activities-unit img {
		width: 100%;
		height: auto;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		opacity: .5;
	}

	a:hover .activities-unit img {
		opacity: 1;
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	/* 説明テキスト */
	.activities-unit p {
		color: #fff;
		font-size: 2.6rem;
		font-family: "游明朝", "Yu Mincho", "游明朝体", serif;
		text-align: center;
		border: 2px solid #fff;
		width: 230px;
		height: 90px;
		box-sizing: border-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
		position: absolute;
		left: 30%;
		top: 35%;
	}

	/* 必威体育_必威体育app-官网5年4月、「文化情報学科」へ名称変更予定 */
	.soubun-caution2 {
		font-size: 0.5rem;
		display: inline-block;
		margin: -5em 0 0;
	}

	/*------------------ 新着情報 */
	.top-news-wrapp {
		/* width: 100%; */
		padding: 30px 0;
		margin: 0 0 80px;
		background-color: #F8F8F4;
	}

	.top-news {
		/* width: 1100px; */
		margin: 40px auto 0;
	}

	.course-news {
		/* width: 46%; */
		padding: 20px 5% 0;
	}

	.course-news h3 {
		font-size: 2.8rem;
		font-family: "游明朝", "Yu Mincho", "游明朝体", serif;
		padding: 20px 0 10px;
		border-bottom: 1px solid #999;
		text-align: center;
	}

	/* icon */
	.hoiku-news {
		background: url(/theme/u-shimane/junior_college_department/images/icon_hoiku.png) no-repeat left 5px;
	}

	.soubun-news {
		background: url(/theme/u-shimane/junior_college_department/images/icon_soubun.png) no-repeat left 5px;
	}

	.course-news ul {
		margin: 0 0 40px;
	}

	.course-news li {
		font-size: 1.6rem;
		padding: 25px 0 25px 1em;
		border-bottom: 1px dotted #999;
	}

	.course-news li a:hover {
		color: #0868E6;
		text-decoration: underline;
		/* -webkit-transition: all 0.3s;
	transition: all 0.3s; */
	}

	.news-list-date {
		display: block;
		margin: 0 0 10px;
	}

	/*------------------ 短期大学部長メッセージ */
	.message {
		width: 800px;
		margin: 0 auto 150px;
	}

	.me-p {
		text-align: center;
	}

	.message dl {
		font-size: 1.6rem;
	}

	.message dt {
		text-align: center;
		margin: 30px 0 0;
	}

	.message dd.director {
		font-size: 2.6rem;
		text-align: center;
		margin: 0 0 30px;
		font-family: "游明朝", "Yu Mincho", "游明朝体", serif;
	}

	.message dd {
		line-height: 1.8em;
	}






}