﻿@charset "utf-8";

/*================================================
　 全体適用
================================================*/
/* グローバルメニュー */
.entry h2 {
	background:#f5f1ff!important;
	position: relative;
	padding: 12px 30px 12px 25px;
}
.entry h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #492d65;
}

/* テーブル幅 */
.entry table {
	width:auto;
}

/* スマホ非表示 */
.entry .visible-pc {
	display:block;
}
@media screen and (max-width: 768px) {
.entry .visible-pc {
	display:none;
}
}

/* 画像余白 */
.entry img {
	margin:5px;
}

/* ファイルアイコン表示 */
.entry a[target="_blank"] {
    background: url(./img/icon-outlink.png) no-repeat 100% 50%;
    padding-right: 17px;
    margin-right: 5px;
    display:inline-block !important;

}
a[href$=".pdf"] {
    background: url(./img/icon-pdf.png) no-repeat 100% 50%!important;
    padding-right: 25px !important;
    display:inline-block !important;
}
a[href$=".doc"] {
    background: url(./img/icon-word.png) no-repeat 100% 50%!important;
    padding-right: 25px !important;
    display:inline-block !important;
}
a[href$=".docx"] {
    background: url(./img/icon-word.png) no-repeat 100% 50%!important;
    padding-right: 25px !important;
    display:inline-block !important;
}
a[href$=".xls"] {
    background: url(./img/icon-excel.png) no-repeat 100% 50%!important;
    padding-right: 25px !important;
    display:inline-block !important;
}
a[href$=".xlsx"] {
    background: url(./img/icon-excel.png) no-repeat 100% 50%!important;
    padding-right: 25px !important;
    display:inline-block !important;
}
a[href$=".ppt"] {
    background: url(./img/icon-powerpoint.png) no-repeat 100% 50%!important;
    padding-right: 25px !important;
    display:inline-block !important;
}
a[href$=".pptx"] {
    background: url(./img/icon-powerpoint.png) no-repeat 100% 50%!important;
    padding-right: 25px !important;
    display:inline-block !important;
}
a.non-icon {
    background: none !important;
}

/* ページ内リンク */
a.toplink {
  margin-top:-50px;
  padding-top:50px;
  display:block;
}

/* フォーム */
input[type="text"], .inquiry input[type="tel"], input[type="email"], input[type="number"], input[type="password"], input[type="url"], textarea {
	background-color: #ffffee;
	border: 1px solid #ccc;
	padding:5px;
	max-width:100%;
}
input[type="submit"]{
	padding:10px 30px;
	background: #492d65 !important;
	color: #fff;
	font-size: 18px!important;
	border-radius: 2px!important;
}
input[type="submit"]:hover{
	background:#492d65 !important;
	color:#fff;
	border:2px solid #492d65!;
}

/* 画面下部イメージメニュー */
#page .relation ul li	{
	max-width:265px;
}

/* アコーディオン */
.su-spoiler-title	{
	font-size: 16px !important;
	color: #492d65;
	font-weight:0 !important;
}
/*================================================
　 個別適用
================================================*/

/* 沿革 */
@media screen and (max-width: 768px) {
#enkaku th, #enkaku td {
	display:block;
	width:100%;
	text-align:left;
}
}

/* オープンキャンパスページ */
#opencampus img {
	padding:10px 7px;
}

/* 海外留学ページ */
#abroad img {
	padding:10px 7px;
}

/* 学校生活ページ */
#schedule img {
	padding:10px 7px;
}

/* お問い合わせ */
@media screen and (max-width: 768px) {
#contact-list	{
	width:100% !important;
}

#contact-list th, #contact-list td {
	display:block;
	width:100%;
	text-align:left;
}
}

/* 教育支援ページ */
.entry #fd ul li {
	padding-top:0px !important;
	padding-bottom:0px !important;
	font-size:0.85em;
}
.entry #fd p {
	padding-top:0px !important;
	padding-bottom:0px !important;
}

/* 個別フォーム */
.inquiry input[type="text"], .inquiry input[type="tel"], .inquiry input[type="email"], .inquiry input[type="number"], .inquiry input[type="password"], .inquiry input[type="url"], .inquiry textarea {
	width:100%;
	background-color: #ffffee;
	border: 1px solid #ccc;
	padding:5px;
}
.inquiry th {
	text-align: left;
	font-size: 14px;
	color: #444;
	padding-right: 5px;
	width: 40%;
	background:#f7f7f7;
	border: solid 1px #d7d7d7;
}
.inquiry td {
	font-size: 13px;
	border: solid 1px #d7d7d7;
}
/* 必須の調整 */
.haveto {
	font-size: 7pt;
	padding: 5px;
	background: #ff9393;
	color: #fff;
	border-radius: 2px;
	margin-right: 2px;
}
/* 任意の調整 */
.any {
	font-size: 7pt;
	padding: 5px;
	background: #93c9ff;
	color: #fff;
	border-radius: 2px;
	margin-right: 2px;
}
/* ラジオボタンを縦並び指定 */
.verticallist .wpcf7-list-item {
	display: block;
}
/* 送信ボタンのデザイン変更 */
.soushinbtn{
	padding:20px!important;
	width:40%;
	background: #492d65 !important;
	color: #fff;
	font-size: 18px!important;
	border-radius: 2px!important;
}
.soushinbtn:hover{
	background:#492d65 !important;
	color:#fff;
	border:2px solid #492d65!;
}

@media screen and (max-width: 768px) {
/* スマホContact Form 7カスタマイズ */
.inquiry th, .inquiry td {
	display:block;
	width: 100%!important;
	border-top: none!important;
}
.inquiry tr:first-child th {
	border-top: 1px solid #d7d7d7!important;
}

.soushinbtn{
	width:80%!important;
}
}


/* サイトマップページ */
#sitemap  ul  {
	padding: 0px;
}

#sitemap  ul li {
	position:relative;
	padding-bottom:0px;
	padding-top:5px;
	padding-left:21px;
	background:none;
	font-size:16px;
	border-top:1px dotted silver;
	margin-top:10px;
	font-weight:bold;
}

#sitemap ul.wsp-pages-list > li::before{
	content:"";
	position:absolute;
	top:15px;
	left:5px;
	width:4px;
	height:4px;
	background:#492d65;
}
#sitemap ul.wsp-pages-list > li::after{
	content:"";
	position:absolute;
	top:15px;
	left:9px;
	border-style:solid;
	border-width:2px 0 2px 2px;
	border-color:transparent transparent transparent #492d65;
}

#sitemap  ul li ul li{
	position:relative;
	padding-left:21px;
	background:none;
	font-size:14px;
	border-top:none;
	margin:0px;
	font-weight:100;
}

#sitemap ul.children > li::before{
	content:"";
	position:absolute;
	top:14px;
	left:5px;
	width:6px;
	height:2px;
	background:#492d65;
}

#sitemap ul li.page-item-2287 {
	display:none;
}
#sitemap ul li.page-item-2285 {
	display:none;
}
#sitemap ul li.page-item-2321 {
	display:none;
}
#sitemap ul li.page-item-2323 {
	display:none;
}
#sitemap ul li.page-item-2326 {
	display:none;
}
#sitemap ul li.page-item-2328 {
	display:none;
}
#sitemap ul li.page-item-2335 {
	display:none;
}
#sitemap ul li.page-item-2337 {
	display:none;
}
#sitemap ul li.page-item-2349 {
	display:none;
}
#sitemap ul li.page-item-2339 {
	display:none;
}
#sitemap ul li.page-item-3858 {
	display:none;
}

/* 豊田高専ってどんな学校？ */
#what .f-right	{
	float:right;
	margin-bottom:20px;
}

#what ul.qualification li	{
	float:left;
	margin-right: 10px;
}
#what p.image-center	{
	text-align:center;
	margin-bottom:30px;
}
#what p.image-center img	{
	margin:10px;
}

#what img.club-img	{
	margin-bottom:10px;
	margin-right:10px;
}

@media screen and (max-width: 768px) {
#what .f-right	{
	float:none;
	margin:0 0 20px 0px;
	display:block;
}
#what p.image-center img	{
	margin:10px 0px;
}
#what img.club-img	{
	margin-right:0px;
}

}

/* 奨学金・高等学校等奨学給付金 */
#scholar	{
	margin-top:20px;
	margin-bottom:0px;
}


/* 女子生徒の方へ */
#female .f-right-support	{
	float:left;
	margin-bottom:10px;
	margin-left:10px;
}

#female .club-photo	{
	margin-right:5px;
	margin-bottom:10px;
}

@media screen and (max-width: 1400px) {
#female .f-right-support	{
	width:260px;
}
}
@media screen and (max-width: 768px) {
#female .f-right-support	{
	width:100%;
	max-width:300px;
	float:none;
}
#female .club-photo	{
	margin-right:0px;
}
}

/* 学科、専攻科 */
#dep .dep-arrow	{
	color:#492d65;
}
#dep p.image-center	{
	text-align:center;
	margin-bottom:30px;
}
#dep p.image-center img	{
	margin:10px;
}
#dep original-site:before	{
	content="";
}
#dep .f-right	{
	float:right;
	margin-bottom:20px;
	margin-left:20px;
}

@media screen and (max-width: 768px) {
#dep p.image-center img	{
	margin:10px 0px;
}
#dep h3	{
	clear:both;
}
#dep .f-right	{
	float:none;
	margin:0 0 20px 0px;
	display:block;
}
}

/* 施設 */
#shisetsu .su-row {
	margin:0px;
}

#shisetsu .su-column {
	margin:0px 1%;
}
#shisetsu p {
	padding:0px;
}
#shisetsu p.shisetsu-title {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:25px;
}
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Quattrocento);
.snip1361 {
	font-family: 'Quattrocento', Arial, sans-serif;
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 230px;
	max-width: 600px;
	width: 100%;
	color: #141414;
	text-align: left;
	line-height: 1.4em;
	font-size: 16px;
}
.snip1361 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.snip1361 img {
	max-width: 100%;
	vertical-align: top;
}
.snip1361 figcaption {
	position: absolute;
	top: calc(85%);
	width: 100%;
	background:rgba(255,255,255,0.8);
	padding: 15px 25px 65px;
	height:100%;
}
.snip1361 figcaption:before {
	position: absolute;
	content: '';
	z-index: 2;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 0px;
}
.snip1361 h3,
.snip1361 p {
	margin: 0 0 10px;
}
.snip1361 h3 {
	font-weight: 300;
	font-size: 1.4em;
	line-height: 1.2em;
	font-family: 'Oswald', Arial, sans-serif;
	text-transform: uppercase;
}
.snip1361 p {
	font-size: 0.8em;
	letter-spacing: 1px;
	opacity: 0.9;
}
.snip1361 a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
.snip1361:hover figcaption,
.snip1361.hover figcaption {
	top: 0px;
}
@media screen and (max-width: 768px) {
#shisetsu p.shisetsu-title {
	margin-top:15px;
	margin-bottom:15px;
}
}
@media screen and (max-width: 570px) {
#shisetsu p.shisetsu-title {
	margin-top:0px;
	margin-bottom:20px;
}
}
@media screen and (max-width: 360px) {
#shisetsu p.shisetsu-title {
	margin-top:-5px;
	margin-bottom:5px;
	font-size:0.8em;
}
}


/* 採用のご案内 */
#saiyo p.image-center	{
	text-align:center;
	margin-bottom:30px;
}
#saiyo p.image-center img	{
	margin:10px;
}
#saiyo .saiyo-box	{
	float:left;
	margin-left:3px;
	width:210px;
}
#saiyo .saiyo-box img	{
	margin-bottom:5px;
}
#saiyo .shikaku {
	background: #5270B0;
	padding: 5px 10px;
	border-radius: 20px;
	color: #fff;
	display: inline;
}
#saiyo .shikaku-list {
	display:block;
	margin-top:10px;
}
#saiyo table.renraku , #saiyo table.renraku  tr {
	margin:0px;
	border:0px;
}
#saiyo .box {
	padding:10px;
}
#saiyo .saiyo-arrow	{
	color:#492d65;
}
@media screen and (max-width: 768px) {
#saiyo p.image-center img	{
	margin:10px 0px;
}
#saiyo table.renraku td, #saiyo table.renraku th {
	display:block;
	widht:100%;
}
}

/* 産学官連携 */
#sangaku p.image-center	{
	text-align:center;
	margin-bottom:30px;
}
#sangaku p.image-center img	{
	margin:10px;
}
#sangaku .non-icon {
	margin:0px;
	padding:0px !important;
}
#sangaku table.seeds td {
	width:200px;
}
#sangaku table.seeds tr:nth-child(2n) {
	background: #f1f1f1;
}

@media screen and (max-width: 768px) {
#sangaku p.image-center img	{
	margin:10px 0px;
}
}

/* ものづくり一気通観プログラム */
#mono .f-right	{
	float:right;
	margin-bottom:20px;
}

@media screen and (max-width: 768px) {
#mono .f-right	{
	float:none;
	margin:0 0 20px 0px;
	display:block;
}
}


/* 校歌 */
#school-song .mejs-audio{
	max-width:350px !important;
}
/* WPML */
.otgs-development-site-front-end {
	display:none;
}
.wpml-ls-legacy-list-horizontal {
	border:0px !important;
	padding:0px !important;
}

/* トップページ タブ */
#home .information .tab a br {
	display: none;
}
@media screen and (max-width: 768px) {
	#home .information .tab a br {
		display: block;
	}
}
#home .information .widget_btn {
	margin:20px auto;
}
@media print, screen and (min-width: 769px){
	#home .information {
		position: relative;
	}
	#home .information .widget_btn {
		position: absolute;
		top: 22px;
		right: 40px;
		margin:0px;
	}
}
/* スマホのみ */
.sp-only {
	display: none;
}
@media screen and (max-width: 768px) {
	.sp-only {
		display: block;
	}
	footer .school .btn.sp-only a {
		margin-bottom:20px;
		background: #fff;
		box-shadow: 0 0 0 5px #fff;
	}
}