@charset "utf-8";

.hd01{
	margin-bottom: 40px;
}
.hd01.mt{
	margin-top: 50px;
}
.hd01 span.icon{
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    color: #1774c6;
    text-align: center;
    vertical-align: middle;
    padding: 2px 10px;
    margin-left: 10px;
}
.hd02{
	margin-top: 30px;
}
#side .hd a{
	padding: 20px 5px;
}
/*------------------------
	hd
------------------------*/
/*
.ochd{
	background: #000000;
}
.ochd .w960{
	background: url(/nyushi/img/opencampus/img_ttl.jpg) right bottom no-repeat;
}
*/
.ochd{
	position:relative;
	overflow:hidden;
	width:100%;
	margin-bottom: 40px;
	/*background:url(/nyushi/img/opencampus/ttl_bg.png) repeat-x left bottom;
	-webkit-background-size: auto 220px;
	background-size: auto 220px;*/
	/*height:220px;
	background:#c0dbf6;*/
	height:360px;
	-webkit-background-size: auto 360px;
	background-size: auto 360px;
}
.ochd img{
	position:absolute;
	width: auto;
	left: 50%;
	/*margin-left:-586px;
	height: 220px;*/
	height: 360px;
	margin-left:-960px;
}

p span.icon02
{
	background: #1774c6;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	vertical-align: text-top;
	padding: 2px 10px;
	margin-left: 10px;
	font-weight: bold;
	line-height: 1em;
}

.block {
	margin-bottom:50px;
}
p a {
	text-decoration: underline;
}

/* ©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥
¡¡¡öindex
©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥ */
#opencampus .ochd{
	height:360px;
	-webkit-background-size: auto 360px;
	background-size: auto 360px;
}
#opencampus .ochd img{
	height: 360px;
	margin-left:-960px;
}
#main .menu{
	height: auto;
	overflow: hidden;
	text-align: center;
}
#main .menu li{
	float: left;
	font-size: 14px;
	font-weight: bold;	
	text-align: center;
	margin-right: 30px;
	margin-bottom: 23px;
	width:345px;
}
#main .menu li:nth-child(even){
	margin-right: 0;
}
#main .menu li:last-child{
	margin-bottom: 0;
}
#main .menu li a img,
#main .menu li img{
	display: block;
	margin-bottom: 11px;
}
#main .menu li span {
	color:red;
}
/* ©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥
¡¡¡öoc&lecture
©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥ */
#main p{
	line-height: 1.5;
}
#main p .bold{
	/*display: block;*/
	font-size: 16px;
}
#main p .kikan{
	margin-bottom: 5px;
}
#main p .date{
	/*display: block;*/
	font-size: 20px;
	margin-bottom: 4px;
}
#main p .btn{
	display: block;
	margin-top: 19px;
	margin-bottom: 16px;
}
#oc #main p .btn{
	margin-top: 5px;
}
#main .program{
	height: auto;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: -30px;
}
#main .program li{
	width: 345px;
	float: left;
	margin-right: 30px;
	margin-bottom: 35px;
	padding-left: 75px;
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main .program li:nth-child(odd){
	clear: both;
}
#main .program li:nth-child(even){
	margin-right: 0;
}
#main .program li h5,
#main .program02 h5{
	font-size: 20px;
	font-weight: bold;
}
#main .program li h5 span {
	font-size: 16px;
}
#main .program li .time{
	font-weight: bold;
	margin-bottom: 8px;
}
#main .program li .img{
	text-align: center;
	margin-top: 17px;
}
#main .program + p{
	margin-top: 35px;
	margin-bottom: 45px;
}
#main .program li p a {
	text-decoration:underline;
}
#lecture .program li {
	padding-top:13px;
	min-height: 37px;
}
/*#lecture .program li:last-child {
	padding-top:0;
}*/
/* icons */
#oc #main .program li.p01-1{background-image: url(/nyushi/img/opencampus/oc/ico_program01-1.png);}
#oc #main .program li.p01-2{background-image: url(/nyushi/img/opencampus/oc/ico_program01-2.png);}
#oc #main .program li.p01-3{background-image: url(/nyushi/img/opencampus/oc/ico_program01-3.png);}
#oc #main .program li.p01-4{background-image: url(/nyushi/img/opencampus/oc/ico_program01-4.png);}
#oc #main .program li.p01-5{background-image: url(/nyushi/img/opencampus/oc/ico_program01-5.png);}
#oc #main .program li.p01-6{background-image: url(/nyushi/img/opencampus/oc/ico_program01-6.png);}

#oc #main .program li.p02-1{background-image: url(/nyushi/img/opencampus/oc/ico_program02-1.png);}
#oc #main .program li.p02-2{background-image: url(/nyushi/img/opencampus/oc/ico_program02-2.png);}
#oc #main .program li.p02-3{background-image: url(/nyushi/img/opencampus/oc/ico_program02-3.png);}
#oc #main .program li.p02-4{background-image: url(/nyushi/img/opencampus/oc/ico_program02-4.png);}
#oc #main .program li.p02-5{background-image: url(/nyushi/img/opencampus/oc/ico_program02-5.png);}
#oc #main .program li.p02-6{background-image: url(/nyushi/img/opencampus/oc/ico_program02-6.png);}
#oc #main .program li.p02-7{background-image: url(/nyushi/img/opencampus/oc/ico_program02-7.png);}
#oc #main .program li.p02-8{background-image: url(/nyushi/img/opencampus/oc/ico_program02-8.png);}

#lecture .program li.p01-1{background-image: url(/nyushi/img/opencampus/lecture/ico_program01-1.png);}
#lecture .program li.p01-2{background-image: url(/nyushi/img/opencampus/lecture/ico_program01-2.png);}
#lecture .program li.p01-3{background-image: url(/nyushi/img/opencampus/lecture/ico_program01-3.png);}
#lecture .program li.p01-4{background-image: url(/nyushi/img/opencampus/lecture/ico_program01-4.png);}
#lecture .program li.p01-5{background-image: url(/nyushi/img/opencampus/oc/ico_program02-1.png);}
/* 2019/8/10 */
#oc_sp #main .program li.p03-1{background-image: url(/nyushi/img/opencampus/oc/ico_program02-1.png);}
#oc_sp #main .program li.p03-2{background-image: url(/nyushi/img/opencampus/oc/ico_program02-2.png);}
#oc_sp #main .program li.p03-3{background-image: url(/nyushi/img/opencampus/oc/ico_program03-3.png);}
#oc_sp #main .program li.p03-4{background-image: url(/nyushi/img/opencampus/oc/ico_program03-4.png);}
#oc_sp #main .program li.p03-5{background-image: url(/nyushi/img/opencampus/oc/ico_program03-5.png);}
#oc_sp #main .program li.p03-6{background-image: url(/nyushi/img/opencampus/oc/ico_program03-6.png);}
#oc_sp #main .program li.p03-7{background-image: url(/nyushi/img/opencampus/oc/ico_program03-7.png);}

#visit #main .program li.p02-1{background-image: url(/nyushi/img/opencampus/visit/ico_program01-1.png); min-height:50px;}
#visit #main .program li.p02-2{background-image: url(/nyushi/img/opencampus/visit/ico_program01-2.png); min-height:50px;}

/* */
#main .img{
	margin-top: 30px;
}
#main .img .zoom{
	display: block;
	text-align: right;
	margin-top: 18px;
	margin-right: 13px;
}
#main .bus{
	padding-left: 127px;
	margin-top: 45px;
	border-top: 1px solid #b9b9b9;
	background: url(/nyushi/img/opencampus/oc/ico_bus.png) left 42px no-repeat;
	-webkit-background-size: 100px auto;
	background-size: 100px auto;
}
#main .bus .hd{
	font-size: 20px;
	font-weight: bold;
	color: #0080cb;
	margin-bottom: 6px;
	padding-top: 36px;
}
#main .bus .bold{
	font-size: 15px;
	margin-bottom: 5px;
}

#oc #main .taiken a img {
	margin-right: 20px;
}

#lecture #main .program02 {
	clear: both;
	margin:35px 0 40px 0;
}

#lecture #main .program p a {
	text-decoration: underline;
}
#lecture #main .hd01 span.note {
	font-size: 20px;
	font-weight: normal;
}
#oc #main table{
	border-collapse: collapse;
	margin-bottom:20px;
}
#oc #main table td{
    text-align: center;
}
#oc #main table td .live_on{
    background:#008ad2;
    color:#fff;
    padding:3px 5px;
    font-size: 90%;
    border-radius:5px;
    margin-left:5px;
}

#lecture #main p.catch{
	font-size: 18px;
	font-weight: bold;
}

#lecture .program li span.note{
	font-size: 14px;
	display:block;
	font-weight: normal;
	padding-top:5px;
}

#oc #main ol li{
	text-indent: -1.0em;
	padding-left: 1.0em;	
}

/* ©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥
¡¡¡öconsultation
©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥ */
#consultation #main table {
    margin-top: 20px;
}
#consultation #main table td{
    text-align: center;
}
#lecture .rline {
	border-bottom:1px solid red;
}
#consultation #main .hd01 {
	margin-bottom:20px;
}
#consultation #main .hd01 span.note {
	font-size: 16px;
	font-weight: normal;
}
/* ©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥
¡¡¡öoc_sp
©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥ */

#oc_sp #main .hd01 span,
#ocsp_program #main .hd01 span {
	font-size: 20px;
	font-weight: normal;
}
#oc_sp #main .program li h5 span{
	font-size: 17px;
	font-weight: bold;
	color:#0080cb;
}
#oc_sp #main .program li h5,
#lecture #main .program li h5 {
	margin-bottom:10px;
}

/* ©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥
¡¡¡öocsp_program
©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥ */

#ocsp_program #main .program li {
	width: 720px;
	float: none;
	margin: 0 0 20px 0;
	padding:0 0 20px 0;
	background: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom:1px dotted #4dade0;
}
#ocsp_program #main .program li:last-child {
	border-bottom:none;
}
#ocsp_program #main .program li .fl-box {
	float:left;
	width:120px;
	margin-right:30px;
}
#ocsp_program #main .program li .fr-box {
	float:left;
	width:410px;
}
#ocsp_program #main .program li .full {
	width:550px !important;
}
#ocsp_program #main .program li .box-img {
	float:right;
	width:140px;
}
#ocsp_program #main .program li .cat {
	border-radius: 10px;
	font-weight: bold;
	font-size: 14px;
	color:#fff;
	padding:3px 0 1px 0;
	text-align:center;
	margin-bottom:10px;
}
#ocsp_program #main .program li .mynavi {
	background-color:#52b9ec;
}
#ocsp_program #main .program li .sport {
	background-color:#004ea2;
}
#ocsp_program #main .program li .education {
	background-color:#ee7800;
}
#ocsp_program #main .program li .career {
	background-color:#4dbd5d;
}
#ocsp_program #main .program li p.teacher {
	font-weight: bold;
	font-size:15px;
	color:#0273b4;
	margin-top:5px;
}

/* ©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥
¡¡¡öopencampus „Ó»­¥¨¥ê¥¢
©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥ */


#opencampus #movie {
	width:720px;
	margin-top:40px;
}
#opencampus #movie ul li.left {
	width:340px;
	height:auto;
	float:left;
}
#opencampus #movie ul li.right {
	width:340px;
	height:auto;
	float:right;
}
#opencampus #movie ul li.left p.title,
#opencampus #movie ul li.right p.title {
	border-left:6px solid #0089d4;
	padding-left:20px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
}
#opencampus #movie ul li .imgBox {
	position: relative;
}
#opencampus #movie ul li.left .imgBox img.btn,
#opencampus #movie ul li.right .imgBox img.btn{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

/* ©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥
¡¡¡ö¹²Í¨×¢ÒâÊÂí—
©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥ */

.ttl_caution{
	font-size: 17px;
	font-weight: bold;
	color:#008ad2;
	margin:30px 0 10px 0;
}
ul.caution
{
	margin-bottom: 20px;
	margin-left:20px;
}
ul.caution li{ 
	list-style: circle;
}

p .caution {
	font-size: 21px;
	font-weight: bold;
}

ul.caution li ul li { 
	list-style: none;
}

p.lead {
	font-size: 17px;
}

/* ©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥
¡¡¡öOC ¥Ü¥¿¥ó
©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥©¥ */

/*  .link_category  */
.link_category ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0;
}
.link_category ul li{
   width:48.5%;
   background:#ededed;
   margin-bottom: 20px;
   line-height: 1.46;
   padding: 20px 0;
 }
.link_category ul li a .in {
 	padding-left:20px;
 	padding-right:30px;
 }
.link_category ul li a .ctr{
 	margin:0 auto;
 }
.link_category ul li.color01{background:#ff5959;}
.link_category ul li.color03{background:#faa046;}

.link_category ul li a{
	text-decoration: none!important;
	font-size: 17px;
	color:#fff;
	font-weight: bold;
}
.link_category ul li.link a {
	background: url(https://www.ouhs.jp/wp/wp-content/themes/ouhs_main/assets/img/ico_arrow06.png) no-repeat right 15px center;
	background-size: 6px auto;
	display: flex;
	width: 100%;
	height: 100%;
}

/*  .link_category02  */
.link_category02 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:0;
	 margin-bottom: 20px;
}
.link_category02 ul li{
   width:48.5%;
   margin-bottom: 20px;
   padding-top: 20px;
 }
.link_category02 ul li .inner {
 	padding:0 20px;
 }
.link_category02 ul li.color01{
	border: 2px solid #29a2d9;
	box-sizing: border-box;
}
.link_category02 ul li.color02{
	border: 2px solid #22b573;
	box-sizing: border-box;
}
.link_category02 ul li .inner .date{
	font-size: 30px;
	font-weight: bold;
	margin-bottom:10px;
	position: relative;
}
.link_category02 ul li .inner .date .year{
	font-size: 15px;
	vertical-align: top;
	padding-right:8px;
}
.link_category02 ul li .inner .date .day{
	font-size: 16px;
}
.link_category02 ul li .inner .date .reserve{
	font-size: 12px;
	color:#fff;
	background: #334968;
	padding:5px 10px 4px 10px;
	border-radius: 5px;
	margin:0 0 0 5px;
	position: absolute;
	bottom:5px;
}
.link_category02 ul li .inner .time{
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;
}
.link_category02 ul li .program_link a{
	background: url(https://www.ouhs.jp/wp/wp-content/themes/ouhs_main/assets/img/ico_arrow06.png) no-repeat right 15px center;
	background-size: 6px auto;
	display: flex;
	width: 100%;
	height: 100%;
}
.link_category02 ul li.color01 .program_link a{
	background-color: #29a2d9;
}
.link_category02 ul li.color02 .program_link a{
	background-color: #22b573;
}
.link_category02 ul li .program_link a span {
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	margin: 15px 0 15px 20px;
}