@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/

.bg_gd{
	
background: -webkit-gradient(linear, left , right , color-stop(0.88, #00DA38), color-stop(0.00, #00B6FF));
background: -webkit-linear-gradient(left, #00B6FF 0%, #00DA38 88%);
background: -moz-linear-gradient(left, #00B6FF 0%, #00DA38 88%);
background: -o-linear-gradient(left, #00B6FF 0%, #00DA38 88%);
background: -ms-linear-gradient(left, #00B6FF 0%, #00DA38 88%);
background: linear-gradient(to right, #00B6FF 0%, #00DA38 88%);
color:#fff;

	}
	

@font-face{ 
	font-family: 'makinas'; /* お好きな名前にしましょう */
	src: url('font/Makinas-Scrap-5.woff'); /* IE9以上用 */
	src: url('font/Makinas-Scrap-5.woff?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('font/Makinas-Scrap-5.woff') format('woff'), /* モダンブラウザ用 */;
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
}

.makinas {
	font-family: 'makinas';
	font-weight: normal;
	letter-spacing:-0.05em;
}


.fadein{
	opacity:0;
	transform:translateY(-70px);
	-webkit-transform:translateY(-70px);
	}
	.fadein.scrollin{
		opacity:1;
		transition:500ms;
		-webkit-transition:1000ms;
		transform:translateY(-60px);
		-webkit-transform:translateY(-60px);
		}
		
.fadeout{
	opacity:1;
	display:block;
	text-align:center;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	position:relative;
	font-size:22px;
	letter-spacing:0.1em;
	height:80px;
	width:80px;
	border-radius:50%;
	margin:0 auto;
	}
.fadeout span{
	position:absolute;
	content:"";
	top:24%;
	left:0;
	right:0;
	display:block;
	width: 80px;
	margin:0 auto;
	}
.fadeout span:after{
	position:absolute;
	content:"";
	bottom:-20%;
	left:0;
	right:0;
	display:block;
	width: 10px;
	margin:0 auto;
	height: 10px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition:transform 500ms;
	-webkit-transition:transform 500ms;
	}
	.fadeout.scrollout{
		opacity:0;
		transition:300ms;
		-webkit-transition:300ms;
		}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* pc */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media all and (min-width: 801px){

body{
	padding-left:50vw!important;
	min-width:auto!important;
	}
	
	.pc_main{
		position:fixed;
		width:50vw;
		left:0;
		height:100vh;
		background-size:cover;
		background-position:center;
		}
	.pc_main::after{
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		background:rgba(0,0,0,0.3);
		}
		.pc_main > div{
			display:table;
			width:100%;
			height:100%;
			position:relative;
			z-index:2;
			}
			.pc_main > div > div{
				display:table-cell;
				text-align:center;
				vertical-align:middle;
				color:#fff;
				}
			.pc_main > div > div h1 img{
				max-width:90%;
				width: 405px;
				}
			.pc_main > div > div p{
				font-size:25px;
				margin-top:40px;
				font-weight:bold;
				}
			.pc_main > div > div p a{
				color:#fff;
				}
	.oc_logo{
		position:absolute;
		z-index:2;
		bottom:20px;
		width:100%;
		text-align:center;
		}
		.oc_logo img{
			vertical-align:bottom;
			}
		.oc_logo img.img1{
			margin-right:20px;
			}
		
		
	.s_seigakuin .pc_main{
		background-image:url(../../img/special/oc_guide/s_seigakuin/main.jpg)
		}
		
	.s_odagakuen .pc_main{
		background-image:url(../../img/special/oc_guide/s_odagakuen/main.jpg)
		}
		
	.s_nihonkeizai .pc_main{
		background-image:url(../../img/special/oc_guide/s_nihonkeizai/main.jpg)
		}
		
	.r33861 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r33861.jpg)
		}
		
	.r33860 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r33860.jpg)
		}
		
	.r12403 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r12403.jpg)
		}
		
	.r33867 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r33867.jpg)
		}

	.r33858 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r33858.jpg)
		}

	.r24001 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r24001.jpg)
		}

	.r15001 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r15001.jpg)
		}

	.r34222 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r34222.jpg)
		}

	.r32201 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r32201.jpg)
		}

	.r30203 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r30203.jpg)
		}

	.r30204 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r30204.jpg)
		}

	.r30205 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r30205.jpg)
		}

	.r31001 .pc_main{
		background-image:url(../../img/special/oc_guide/main_r31001.jpg)
		}




	
	#contents{
		overflow:hidden;
		}
			
			
			/* =========================================================== detail */
			
			/* アイコンのところ */
			.tit_icon{
				width:33px;
				}
			.waku_white{
				background-image: url(../../img/special/oc_guide/waku_white.png);
				background-repeat: no-repeat;
				/*width: 209px;*/
				width: 123px;
				height: auto;
				margin: auto;
				position: relative;
				text-align: center;
				padding-top: 20px;
				box-sizing: border-box;
				background-position:top center;
				background-size:contain;
				}
			.waku_white::before,
			.waku_white::after{
				width: 1000%;
				content: "";
				background-color: #fff;
				display: block;
				position: absolute;
				/*height: 51px;*/
				height: 30px;
				top: 0;
				}
			.waku_white::before{
				right: 100%;
				}
			.waku_white::after{
				left: 100%;
				}
				
				
	
	#contents.detail h2{
		display:none;
		text-align:center;
		color:#fff;
		font-size:16px;
		padding: 10px 15px;
		box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.1);
		position:relative;
		z-index:1;
		}
		
	#contents.detail h3{
		text-align:center;
		}
		
		#contents.detail .school_img{
			position:relative;
			z-index:0;
			}
			#contents.detail .school_img img{
				width:100%;
				}
		
					
		/* オープンキャンパス 大学名 */
		#contents.detail .name{
			padding:0;
			text-align:center;
			}
			#contents.detail .name h3{
				font-size:18px;
				}
			#contents.detail .name h3 + p{
				margin-top:5px;
				}
				
		#contents.detail .sec1{
			margin-top: 50px;
			padding:25px 20px 0;
			text-align:center;
			}
			#contents.detail .sec1 h3{
				font-size:18px;
				}
			#contents.detail .sec1 h3 + p{
				margin-top:5px;
				}
			#contents.detail .sec1 ul{
				margin-top:20px;
				margin-left:-5px;
				}
				#contents.detail .sec1 ul li{
					width:calc(100%/3 - 5px);
					float:left;
					margin-left:5px;
					font-weight:bold;
					display:table;
					margin-top:5px;
					padding:5px;
					box-sizing:border-box;
					line-height:1.5em;
					font-size:13px;
					}
				#contents.detail .sec1 ul li span{
					display:table-cell;
					vertical-align:middle;
					}
					
					
		/* オープンキャンパスの様子 */
		#contents.detail .sec2{
			overflow:hidden;
			padding-bottom:45px;
			margin-top: 45px;
			}
			#contents.detail .sec2 h3{
				margin-top:10px;
				font-size:1.5em;
				}
				#contents.detail .movie_wrap{
					max-width:700px;
					margin:auto;
					}
				#contents.detail .movie{
					margin:20px 20px 0;
					background-color:#fff;
					}
				#contents.detail .movie h4{
					text-align:center;
					line-height:0;
					padding:6px;
					padding-top:7px;
					}
				#contents.detail .movie h4 img{
					width: 62px;
					vertical-align:top;
					}
				#contents.detail .movie .movie_content{
					position:relative;
					padding:3px;
					}
					#contents.detail .movie .movie_content iframe{
						width:100%;
						vertical-align: bottom;
						}
				#contents.detail .movie_wrap + .gallery{
					margin-top:30px;
					}
				#contents.detail .gallery{
					padding:0 20px;
					margin-top:30px;
					margin:auto;
					max-width:700px;
					box-sizing: border-box;
					}
					#contents.detail .gallery ul{
						margin-left:-10px;
						}
					#contents.detail .gallery li{
						width:calc(100%/3 - 10px);
						float:left;
						border-radius:100%;
						margin-left:10px;
						overflow:hidden;
						margin-top:15px;
						}
					#contents.detail .gallery li.gCenter{
						width:calc(100%/3 - 10px);
						border-radius:100%;
						overflow:hidden;
						margin: 0 auto;
						margin-top:15px;
						text-align: center;
						float: none;
						clear: both;
						}
						#contents.detail .gallery img{
							width:100%;
							}
					
					
					
		/* オープンキャンパスの特徴 */
		#contents.detail .sec3{
			overflow:hidden;
			padding-bottom:45px;
			margin-top: 45px;
			padding:0 20px;
			}
			#contents.detail .sec3 .icon{
				text-align:center;
				}
			#contents.detail .sec3 h3{
				margin-top:10px;
				font-size:1.5em;
				}
			#contents.detail .sec3 div.intro{
				margin-top:20px;
				line-height:2em;
				}
			#contents.detail .sec3 div.readmore_box{
				line-height:2em;
				display:none;
				margin-top:20px;
				}
			#contents.detail .sec3 .btn{
				text-align:center;
				margin-top:40px;
				}
				#contents.detail .sec3 .btn span{
					display:inline-block;
					padding:1px;
					position:relative;
					}
				#contents.detail .sec3 .btn span::after{
					position:absolute;
					content:"";
					top:50%;
					right: 15px;
					width: 6px;
					margin-top:-5px;
					height: 6px;
					border-bottom: 1px solid #00C52D;
					border-right: 1px solid #00C52D;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					transition:transform 500ms;
					-webkit-transition:transform 500ms;
					}
				#contents.detail .sec3.open .btn span::after{
					margin-top:-2px;
					-webkit-transform: rotate(-135deg);
					transform: rotate(-135deg);
					transition:transform 500ms;
					-webkit-transition:transform 500ms;
					}
					#contents.detail .sec3 .btn span div{
						background-color:#fff;
						padding:10px;
						width:200px;
						}
						#contents.detail .sec3 .btn span div img{
							width:95px;
							line-height:0;
							vertical-align:middle;
							}
							
							
					
		/* オープンキャンパス日程 */
		#contents.detail .sec4{
			overflow:hidden;
			margin-top:80px;
			padding-bottom:30px;
			}
			#contents.detail .sec4 h3{
				margin-top:10px;
				font-size:1.5em;
				}
			#contents.detail .sec4 .tel{
				padding:4% 10% 0;
				max-width:500px;
				margin:auto;
				text-align: center;
				}
				#contents.detail .sec4 .tel p {
					font-size: 24px;
					font-weight: bold;
					}
					#contents.detail .sec4 .tel p a {
						color: #fff;
						pointer-events: none;
						}
			#contents.detail .sec4 .nittei{
				padding:0 10%;
				max-width:500px;
				margin:auto;
				}
				#contents.detail .nittei ul{
					text-align: center;
					}
				#contents.detail .nittei ul.andmore_box{
					display:none;
					}
				#contents.detail .nittei li{
					width:calc(100%/4 - 15px);
					border-radius:100%;
					margin:0 5px;
					overflow:hidden;
					margin-top:15px;
					position:relative;
					display: inline-table;
					}
				#contents.detail .nittei2 li{
					width:calc(100%/3 - 15px);
					}
					#contents.detail .nittei li a{
						color:#fff;
						}
					#contents.detail .nittei img{
						width:100%;
						}
					#contents.detail .nittei span{
						position: absolute;
						font-size: 25px;
						display: block;
						font-weight:bold;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						transform: translateY(-50%);
						}
			#contents.detail .sec4 .btn{
				text-align:center;
				margin-top:40px;
				cursor:pointer;
				}
				#contents.detail .sec4 .btn span{
					display:inline-block;
					padding:1px;
					position:relative;
					border:1px solid #fff;
					padding:10px;
					width:200px;
					}
				#contents.detail .sec4 .btn span::after{
					position:absolute;
					content:"";
					top:50%;
					right: 10px;
					width: 6px;
					margin-top:-3px;
					height: 6px;
					border-bottom: 1px solid #fff;
					border-right: 1px solid #fff;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
					}
				#contents.detail .sec4.open .btn span::after{
					opacity:0;
					}
					#contents.detail .sec4 .btn span img{
						width:91px;
						line-height:0;
						vertical-align:middle;
						}
						#contents.detail .sec4 .btn span img.open{
							display:inline;
							}
						#contents.detail .sec4 .btn span img.close{
							display:none;
							}
						#contents.detail .sec4.open .btn span img.open{
							display:none;
							}
						#contents.detail .sec4.open .btn span img.close{
							display:inline;
							}
					
					
		/* オープンキャンパス詳細 */
		#contents.detail .sec5{
			overflow:hidden;
			padding-bottom:45px;
			margin-top: 45px;
			padding:0 20px;
			}
			#contents.detail .sec5 .icon{
				text-align:center;
				}
			#contents.detail .sec5 h3{
				margin-top:10px;
				font-size:1.5em;
				}
				#contents.detail .sec5 .detail_list_wrap{
					
					margin-top:25px;
					}
					#contents.detail .sec5 .detail_list_wrap ul{
						}
					#contents.detail .sec5 .detail_list_wrap ul.andmore_box{
						display:none;
						}
						#contents.detail .sec5 .detail_list_wrap li{
							padding:20px;
							background-color:#EFEFEF;
							margin-top:20px;
							}
							#contents.detail .sec5 .detail_list_wrap table{
								border-collapse:collapse;
								line-height:1.8em;
								width:100%;
								table-layout: fixed;
								}
								#contents.detail .sec5 .detail_list_wrap table tr{
									}
									#contents.detail .sec5 .detail_list_wrap table tr:not(:first-child) th,
									#contents.detail .sec5 .detail_list_wrap table tr:not(:first-child) td{
										padding-top:12px;
										}
									#contents.detail .sec5 .detail_list_wrap table tr:not(:last-child) th,
									#contents.detail .sec5 .detail_list_wrap table tr:not(:last-child) td{
										border-bottom:1px solid #BEBEBE;
										padding-bottom:12px;
										}
									#contents.detail .sec5 .detail_list_wrap table tr th{
										width: 80px;
										vertical-align:top;
										}
									#contents.detail .sec5 .detail_list_wrap table tr td{
										word-break: break-all;
										}
									#contents.detail .sec5 .detail_list_wrap table tr td .map_link{
										display:inline-block;
										font-weight:bold;
										margin-top:2px;
										position:relative;
										padding-right:12px;
										}
									#contents.detail .sec5 .detail_list_wrap table tr td .map_link::after{
										position:absolute;
										content:"";
										top:50%;
										right: 0;
										width: 6px;
										margin-top:-5px;
										height: 6px;
										border-bottom: 1px solid #000;
										border-right: 1px solid #000;
										-webkit-transform: rotate(-45deg);
										transform: rotate(-45deg);
										}
                                        #contents.detail .sec5 .detail_list_wrap table tr td .mintit{
                                            font-weight: bold;
                                            margin-bottom: 5px;
                                        }
			#contents.detail .sec5 .btn{
				text-align:center;
				margin-top:40px;
				cursor:pointer;
				}
				#contents.detail .sec5 .btn span{
					display:inline-block;
					padding:1px;
					position:relative;
					}
				#contents.detail .sec5 .btn span::after{
					position:absolute;
					content:"";
					top:50%;
					right: 10px;
					width: 6px;
					margin-top:-3px;
					height: 6px;
					border-bottom: 1px solid #00C52D;
					border-right: 1px solid #00C52D;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
					}
				#contents.detail .sec5.open .btn span::after{
					opacity:0;
					}
					#contents.detail .sec5 .btn span div{
						background-color:#fff;
						padding:10px;
						width:200px;
						}
						#contents.detail .sec5 .btn span div img{
							width:91px;
							line-height:0;
							vertical-align:middle;
							}
						#contents.detail .sec5 .btn span div img.open{
							display:inline;
							}
						#contents.detail .sec5 .btn span div img.close{
							display:none;
							}
						#contents.detail .sec5.open .btn span div img.open{
							display:none;
							}
						#contents.detail .sec5.open .btn span div img.close{
							display:inline;
							}
					
					
		/* その他の開催日程 */
		#contents.detail .sec6{
			overflow:hidden;
			padding-bottom:45px;
			margin-top: 100px;
			padding:0 20px;
			}
			#contents.detail .sec6 .icon{
				text-align:center;
				}
			#contents.detail .sec6 h3{
				margin-top:10px;
				font-size:1.5em;
				}
			#contents.detail .sec6 .border{
				margin:auto;
				width:35px;
				height:1px;
				margin-top:20px;
				}
			#contents.detail .sec6 ul{
				text-align:center;
				width:80%;
				margin:auto;
				margin-top:20px;
				}
				#contents.detail .sec6 ul li{
					display:inline-block;
					font-weight:bold;
					font-size:18px;
					margin:5px 10px;
					}
					
		
					
		/* ボタン */
		#contents.detail .btn_sec{
			margin-top: 60px;
			margin-bottom:60px;
			padding:0 20px;
			}
			#contents.detail .btn_sec a{
				display:block;
				width:300px;
				max-width:100%;
				margin:auto;
				text-align:center;
				border:1px solid #000;
				position:relative;
				padding:10px;
				font-weight:bold;
				box-sizing: border-box;
				}
			#contents.detail .btn_sec a + a{
				margin-top:15px;
				}
				#contents.detail .btn_sec a::after{
					position:absolute;
					content:"";
					top:50%;
					left: 10px;
					width: 6px;
					margin-top:-3px;
					height: 6px;
					border-top: 1px solid #000;
					border-left: 1px solid #000;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
					}
		
		
		/* フッター前リンク */
		#contents.detail .btm_link{
			position:fixed;
			bottom:0;
			display:table;
			width:50%;
			z-index:99;
			}
		#contents.detail .btm_link::after{
			content:"";
			position:absolute;
			left:50%;
			top:50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			width:1px;
			height:80%;
			background-color:#fff;
			}
			#contents.detail .btm_link a{
				display:table-cell;
				text-align:center;
				width:50%;
				color:#fff;
				font-weight:bold;
				vertical-align:middle;
				padding:15px 0;
				}
				#contents.detail .btm_link a img{
					width:17px;
					vertical-align:bottom;
					margin-bottom:3px;
					}
			#contents.detail .btm_link span{
				display:table-cell;
				text-align:center;
				width:50%;
				color:#fff;
				font-weight:bold;
				vertical-align:middle;
				padding:15px 0;
				opacity: 0.5;
				}
				#contents.detail .btm_link span img{
					width:17px;
					vertical-align:bottom;
					margin-bottom:3px;
					}
			#wovn-translate-widget[wovn]{
				bottom:90px!important;
				}
					
							
		#footer{
			margin-top:0;
			margin-bottom:74px;
			}

#footer{
	margin-top:80px;
	}
		
	#footer .footer_gray{
		border-top:1px solid #D1D1D1;
		background-color:#F8F8F8;
		padding:20px 10px 30px;
		}
		#footer .footer_gray > div{
			width:auto;
			}
		#footer .footer_gray .footer_sns{
			margin-left:-5%;
			font-size:0;
			letter-spacing:0;
			padding:0 5%;
			text-align: center;
			}
		#footer .footer_gray .footer_sns li{
			display:inline-block;
			width:10%;
			margin-left:5%;
			float:none;
			}
		#footer .footer_gray .footer_sns li img{
			width:100%;
			}
			
		#footer .footer_gray .footer_link{
			margin-top:15px;
			}
		#footer .footer_gray .footer_link li{
			width:45%;
			background:url(../../../img/common/sp/dotted.png) repeat-x;
			padding-top:10px;
			padding-bottom:10px;
			position:relative;
			padding-left:10px;
			font-size:85%;
			box-sizing:border-box;
			margin-top: 0px;
			}
			#footer .footer_gray .footer_link li::before{
				content:"";
				position:absolute;
				background-image:url(../../../img/common/sp/arrow.png);
				left:0;
				top:1.3em;
				width:4px;
				height:6px;
				background-size:cover;
				}
		#footer .footer_gray .footer_link li:nth-of-type(1),
		#footer .footer_gray .footer_link li:nth-of-type(2){
			background:none;
			}
		#footer .footer_gray .footer_link li:nth-of-type(odd){
			float:left;
			clear:both;
			}
		#footer .footer_gray .footer_link li:nth-of-type(even){
			float:right;
			}
		.footer_content{
			float:none;
			max-width: 600px;
			width:100%;
			margin:auto;
			}
	#footer .footer_bottom{
		background-color:#D71717;
		text-align:center;
		color:#fff;
		padding:5px;
		}
		
	.footer_pr{
		margin: 0 auto;
		margin-bottom: 8%;
		width: 300px;
		text-align: right;
		float: none;
		}
	
				

}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* sp */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media all and (max-width: 800px){
			
	.pc_main{
		display:none;
		}	
	
	/* =========================================================== detail */
			
			/* アイコンのところ */
			.tit_icon{
				width:33px;
				}
			.waku_white{
				background-image: url(../../img/special/oc_guide/waku_white.png);
				background-repeat: no-repeat;
				/*width: 209px;*/
				width: 123px;
				height: auto;
				margin: auto;
				position: relative;
				text-align: center;
				padding-top: 20px;
				box-sizing: border-box;
				background-position:top center;
				background-size:contain;
				}
			.waku_white::before,
			.waku_white::after{
				width: 1000%;
				content: "";
				background-color: #fff;
				display: block;
				position: absolute;
				/*height: 51px;*/
				height: 30px;
				top: 0;
				}
			.waku_white::before{
				right: 100%;
				}
			.waku_white::after{
				left: 100%;
				}
				
				
	
	#contents.detail h2{
		text-align:center;
		color:#fff;
		font-size:16px;
		padding: 10px 15px;
		box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 8px 7px 0px rgba(0, 0, 0, 0.1);
		position:relative;
		z-index:1;
		}
	#contents.detail h2 a{
		color:#fff;
		display:block;
		}
		
	#contents.detail h3{
		text-align:center;
		}
		
		#contents.detail .school_img{
			position:relative;
			z-index:0;
			}
			#contents.detail .school_img img{
				width:100%;
				}
		
					
		/* オープンキャンパス 大学名 */
		#contents.detail .name{
			padding:0;
			text-align:center;
			}
			#contents.detail .name h3{
				font-size:18px;
				}
			#contents.detail .name h3 + p{
				margin-top:5px;
				}
		
		
		
		
		#contents.detail .sec1{
			margin-top: 50px;
			padding:25px 20px 0;
			text-align:center;
			}
			#contents.detail .sec1 h3{
				font-size:18px;
				}
			#contents.detail .sec1 h3 + p{
				margin-top:5px;
				}
			#contents.detail .sec1 ul{
				margin-top:20px;
				margin-left:-5px;
				}
				#contents.detail .sec1 ul li{
					width:calc(100%/3 - 5px);
					float:left;
					margin-left:5px;
					font-weight:bold;
					display:table;
					margin-top:5px;
					padding:5px;
					box-sizing:border-box;
					line-height:1.5em;
					font-size:13px;
					}
				#contents.detail .sec1 ul li span{
					display:table-cell;
					vertical-align:middle;
					}
					
					
		/* オープンキャンパスの様子 */
		#contents.detail .sec2{
			overflow:hidden;
			padding-bottom:45px;
			margin-top: 45px;
			}
			#contents.detail .sec2 h3{
				margin-top:10px;
				font-size:1.5em;
				}
				#contents.detail .movie{
					margin:20px 20px 0;
					background-color:#fff;
					}
				#contents.detail .movie h4{
					text-align:center;
					line-height:0;
					padding:6px;
					padding-top:7px;
					}
				#contents.detail .movie h4 img{
					width: 62px;
					vertical-align:top;
					}
				#contents.detail .movie .movie_content{
					position:relative;
					padding:3px;
					}
					#contents.detail .movie .movie_content iframe{
						width:100%;
						vertical-align:bottom;
						}
				#contents.detail .gallery{
					padding:0 20px;
					margin-top:30px;
					}
					#contents.detail .gallery ul{
						margin-left:-10px;
						}
					#contents.detail .gallery li{
						width:calc(100%/3 - 10px);
						float:left;
						border-radius:100%;
						margin-left:10px;
						overflow:hidden;
						margin-top:15px;
						}
					#contents.detail .gallery li.gCenter{
						width:calc(100%/3 - 10px);
						border-radius:100%;
						overflow:hidden;
						margin: 0 auto;
						margin-top:15px;
						text-align: center;
						float: none;
						clear: both;
						}
						
						#contents.detail .gallery img{
							width:100%;
							}
					
					
					
		/* オープンキャンパスの特徴 */
		#contents.detail .sec3{
			overflow:hidden;
			padding-bottom:45px;
			margin-top: 45px;
			padding:0 20px;
			}
			#contents.detail .sec3 .icon{
				text-align:center;
				}
			#contents.detail .sec3 h3{
				margin-top:10px;
				font-size:1.5em;
				}
			#contents.detail .sec3 div.intro{
				margin-top:20px;
				line-height:2em;
				}
			#contents.detail .sec3 div.readmore_box{
				line-height:2em;
				display:none;
				margin-top:20px;
				}
			#contents.detail .sec3 .btn{
				text-align:center;
				margin-top:40px;
				}
				#contents.detail .sec3 .btn span{
					display:inline-block;
					padding:1px;
					position:relative;
					}
				#contents.detail .sec3 .btn span::after{
					position:absolute;
					content:"";
					top:50%;
					right: 15px;
					width: 6px;
					margin-top:-5px;
					height: 6px;
					border-bottom: 1px solid #00C52D;
					border-right: 1px solid #00C52D;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					transition:transform 500ms;
					-webkit-transition:transform 500ms;
					}
				#contents.detail .sec3.open .btn span::after{
					margin-top:-2px;
					-webkit-transform: rotate(-135deg);
					transform: rotate(-135deg);
					transition:transform 500ms;
					-webkit-transition:transform 500ms;
					}
					#contents.detail .sec3 .btn span div{
						background-color:#fff;
						padding:10px;
						width:200px;
						}
						#contents.detail .sec3 .btn span div img{
							width:95px;
							line-height:0;
							vertical-align:middle;
							}
							
							
					
		/* オープンキャンパス日程 */
		#contents.detail .sec4{
			overflow:hidden;
			margin-top:80px;
			padding-bottom:30px;
			}
			#contents.detail .sec4 h3{
				margin-top:10px;
				font-size:1.5em;
				}
			#contents.detail .sec4 .tel{
				padding:7% 5% 0;
				max-width:500px;
				margin:auto;
				text-align: center;
				}
				#contents.detail .sec4 .tel p {
					font-size: 24px;
					font-weight: bold;
					}
					#contents.detail .sec4 .tel p a {
						color: #fff;
						}

			#contents.detail .sec4 .nittei{
				padding:0 5%;
				max-width:500px;
				margin:auto;
				}
				#contents.detail .nittei ul{
					text-align: center;
					}
				#contents.detail .nittei ul.andmore_box{
					display:none;
					}
				#contents.detail .nittei li{
					width:calc(100%/4 - 15px);
					border-radius:100%;
					margin: 0 5px;
					overflow:hidden;
					margin-top:15px;
					position:relative;
					display: inline-block;
					}
				#contents.detail .nittei2 li{
					width:calc(100%/3 - 15px);
					}
					#contents.detail .nittei li a{
						color:#fff;
						}
					#contents.detail .nittei img{
						width:100%;
						}
					#contents.detail .nittei span{
						position: absolute;
						font-size: 4vw;
						display: block;
						font-weight:bold;
						top: 50%;
						left: 0;
						text-align: center;
						width: 100%;
						transform: translateY(-50%);
						-webkit-transform:translateY(-50%);
						}
			#contents.detail .sec4 .btn{
				text-align:center;
				margin-top:40px;
				}
				#contents.detail .sec4 .btn span{
					display:inline-block;
					padding:1px;
					position:relative;
					border:1px solid #fff;
					padding:10px;
					width:200px;
					}
				#contents.detail .sec4 .btn span::after{
					position:absolute;
					content:"";
					top:50%;
					right: 10px;
					width: 6px;
					margin-top:-3px;
					height: 6px;
					border-bottom: 1px solid #fff;
					border-right: 1px solid #fff;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
					}
				#contents.detail .sec4.open .btn span::after{
					opacity:0;
					}
					#contents.detail .sec4 .btn span img{
						width:91px;
						line-height:0;
						vertical-align:middle;
						}
						#contents.detail .sec4 .btn span img.open{
							display:inline;
							}
						#contents.detail .sec4 .btn span img.close{
							display:none;
							}
						#contents.detail .sec4.open .btn span img.open{
							display:none;
							}
						#contents.detail .sec4.open .btn span img.close{
							display:inline;
							}
					
					
		/* オープンキャンパス詳細 */
		#contents.detail .sec5{
			overflow:hidden;
			padding-bottom:45px;
			margin-top: 45px;
			padding:0 20px;
			}
			#contents.detail .sec5 .icon{
				text-align:center;
				}
			#contents.detail .sec5 h3{
				margin-top:10px;
				font-size:1.5em;
				}
				#contents.detail .sec5 .detail_list_wrap{
					margin-top:25px;
					}
					#contents.detail .sec5 .detail_list_wrap ul{
						}
					#contents.detail .sec5 .detail_list_wrap ul.andmore_box{
						display:none;
						}
						#contents.detail .sec5 .detail_list_wrap li{
							padding:20px;
							background-color:#EFEFEF;
							margin-top:20px;
							}
							#contents.detail .sec5 .detail_list_wrap table{
								border-collapse:collapse;
								line-height:1.8em;
								width:100%;
								}
								#contents.detail .sec5 .detail_list_wrap table tr{
									}
									#contents.detail .sec5 .detail_list_wrap table tr:not(:first-child) th,
									#contents.detail .sec5 .detail_list_wrap table tr:not(:first-child) td{
										padding-top:12px;
										}
									#contents.detail .sec5 .detail_list_wrap table tr:not(:last-child) th,
									#contents.detail .sec5 .detail_list_wrap table tr:not(:last-child) td{
										border-bottom:1px solid #BEBEBE;
										padding-bottom:12px;
										}
									#contents.detail .sec5 .detail_list_wrap table tr th{
										width: 70px;
										vertical-align:top;
										}
									#contents.detail .sec5 .detail_list_wrap table tr td{
										word-break: break-all;
										}
									#contents.detail .sec5 .detail_list_wrap table tr td .map_link{
										display:inline-block;
										font-weight:bold;
										margin-top:2px;
										position:relative;
										padding-right:12px;
										}
									#contents.detail .sec5 .detail_list_wrap table tr td .map_link::after{
										position:absolute;
										content:"";
										top:50%;
										right: 0;
										width: 6px;
										margin-top:-5px;
										height: 6px;
										border-bottom: 1px solid #000;
										border-right: 1px solid #000;
										-webkit-transform: rotate(-45deg);
										transform: rotate(-45deg);
										}
                                        #contents.detail .sec5 .detail_list_wrap table tr td .mintit{
                                            font-weight: bold;
                                            margin-bottom: 5px;
                                        }
			#contents.detail .sec5 .btn{
				text-align:center;
				margin-top:40px;
				}
				#contents.detail .sec5 .btn span{
					display:inline-block;
					padding:1px;
					position:relative;
					}
				#contents.detail .sec5 .btn span::after{
					position:absolute;
					content:"";
					top:50%;
					right: 10px;
					width: 6px;
					margin-top:-3px;
					height: 6px;
					border-bottom: 1px solid #00C52D;
					border-right: 1px solid #00C52D;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
					}
				#contents.detail .sec5.open .btn span::after{
					opacity:0;
					}
					#contents.detail .sec5 .btn span div{
						background-color:#fff;
						padding:10px;
						width:200px;
						}
						#contents.detail .sec5 .btn span div img{
							width:91px;
							line-height:0;
							vertical-align:middle;
							}
						#contents.detail .sec5 .btn span div img.open{
							display:inline;
							}
						#contents.detail .sec5 .btn span div img.close{
							display:none;
							}
						#contents.detail .sec5.open .btn span div img.open{
							display:none;
							}
						#contents.detail .sec5.open .btn span div img.close{
							display:inline;
							}
					
					
		/* その他の開催日程 */
		#contents.detail .sec6{
			overflow:hidden;
			padding-bottom:45px;
			margin-top: 80px;
			padding:0 20px;
			}
			#contents.detail .sec6 .icon{
				text-align:center;
				}
			#contents.detail .sec6 h3{
				margin-top:10px;
				font-size:1.5em;
				}
			#contents.detail .sec6 .border{
				margin:auto;
				width:35px;
				height:1px;
				margin-top:20px;
				}
			#contents.detail .sec6 ul{
				text-align:center;
				width:80%;
				margin:auto;
				margin-top:20px;
				}
				#contents.detail .sec6 ul li{
					display:inline-block;
					font-weight:bold;
					font-size:18px;
					margin:5px 10px;
					}
					
		
					
		/* ボタン */
		#contents.detail .btn_sec{
			margin-top: 60px;
			margin-bottom:60px;
			padding:0 20px;
			}
			#contents.detail .btn_sec a{
				display:block;
				width:300px;
				max-width:100%;
				margin:auto;
				text-align:center;
				border:1px solid #000;
				position:relative;
				padding:10px;
				font-weight:bold;
				box-sizing: border-box;
				}
			#contents.detail .btn_sec a + a{
				margin-top:15px;
				}
				#contents.detail .btn_sec a::after{
					position:absolute;
					content:"";
					top:50%;
					left: 10px;
					width: 6px;
					margin-top:-3px;
					height: 6px;
					border-top: 1px solid #000;
					border-left: 1px solid #000;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
					}
		
		
		/* フッター前リンク */
		#contents.detail .btm_link{
			position:fixed;
			bottom:0;
			display:table;
			width:100%;
			z-index:99;
			}
		#contents.detail .btm_link::after{
			content:"";
			position:absolute;
			left:50%;
			top:50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			width:1px;
			height:80%;
			background-color:#fff;
			}
			#contents.detail .btm_link a{
				display:table-cell;
				text-align:center;
				width:50%;
				color:#fff;
				font-weight:bold;
				vertical-align:middle;
				padding:15px 0;
				}
				#contents.detail .btm_link a img{
					width:17px;
					vertical-align:bottom;
					margin-bottom:3px;
					}
			#contents.detail .btm_link span{
				display:table-cell;
				text-align:center;
				width:50%;
				color:#fff;
				font-weight:bold;
				vertical-align:middle;
				padding:15px 0;
				opacity: 0.5;
				}
				#contents.detail .btm_link span img{
					width:17px;
					vertical-align:bottom;
					margin-bottom:3px;
					}
			#wovn-translate-widget[wovn]{
				bottom:90px!important;
				}
					
							
		#footer{
			margin-top:0;
			margin-bottom:74px;
			}
			
	/* =========================================================== detail end */
		
		
		
		
}