/* -------------------------------------------------------------- 
   Top page Css
-----------------------------------------------------------------
PC/Tablet
@media screen and (min-width: 768px){}
SmartPhone
@media screen and (max-width: 767px){}


【CSS MENU】 
1.0 - topFrame
2.0 - topSlideImg
3.0 - topText
4.0 - topMENU
	4.1 - title
	4.2 - menu01	
	4.3 - menu02/menu03	
5.0 - topFlow
6.0 - topContact
7.0 - Side Schedule
8.0 - Side News
9.0 - Side Banner
10.0 - Side Facebook
*/

/* =========================================================
	1.0 - topFrame
========================================================= */
/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.top #topLeft{
		width:650px;
		float:left;
	}
	.top #topRight{
		width:290px;
		float:right;	
	}	
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.top #topRight{
		margin-top:55px;	
	}	
}

/* =========================================================
	2.0 - topSlideImg
========================================================= */
.top .mainVisual{
	position: relative;
}
.top .mainVisual .firstImg{
	background-color:#c3ae79;
	width:100%;
	height:373px;
	text-align: center;
	position: absolute;
	top:0;
	left:0;
	z-index:900;
}
.top .mainVisual .slide_all{
	z-index:800;
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.top .mainVisual .firstImg,
	.top .mainVisual .firstImg img{
			background-color:transparent;
			width:100%;
			height:auto;	
	}		
}

/* =========================================================
	3.0 - topText
========================================================= */
/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.top .topText{
		position: relative;
		/*height:463px;*/
	}
	.top .topText h2{
		margin:4px 0 0 3px;
	}
/*
  	.top .topText .txt{
		display: block;
		width:491px;
		height:272px;
		margin:36px 0 0 3px;
		background: url(../images/toptxt-txt.png) left top no-repeat;
	}
	.top .topText .txt p{
		display: none;
	}
*/
  .top .topText .txt{
    font-size: 16px;
    margin:31px 150px 80px 0;
  }
	.top .topText .img{
		position: absolute;
		top:78px;
		right:45px;
	}
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.top .topText h2{
		margin:15px auto 0;
	}
	.top .topText h2 img{
		width:100%;
		height:auto;
	}
	.top .topText .txt{
		margin-top:20px;
	}
	.top .topText .img{
		display:block;
		width:100%;
		height:138px;
		background: url(../images/sp-toptxt-bg.jpg) center center no-repeat;      
		margin-top:15px;
	}	
	.top .topText .img img{
		display:none;		
	}	
	.top .topText .txt p{
  	margin-bottom:0;
  }
  .top .topText .txt br.sp_none{
  	display: none;
  }
}

/* ------------ ■ sphone Retina■------------ */
@media 
only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 767px) and (min--moz-device-pixel-ratio: 2),
only screen and (max-width: 767px) and (-o-min-device-pixel-ratio: 2/1){
	.top .topText .img{
		background: url(../images/sp-toptxt-bg@2x.jpg) center center no-repeat;
		-webkit-background-size: 114px 138px;           
		-moz-background-size: 114px 138px;                    
		-o-background-size: 114px 138px;                 
		background-size: 114px 138px;        
	}	
}

/* =========================================================
	4.0 - topMENU
========================================================= */
/* ---------------------------------------------------------
	4.1 - title
--------------------------------------------------------- */
.top .topMenu{
		position: relative;
}
.top .topMenu h2{
	display:block;
	text-indent:-99999px;
	background:url(../images/title-menu.png) 2px top no-repeat;
	height:28px;
	border-bottom:2px solid #000;
}
.top .topMenu .link{
	position: absolute;
	top:5px;
	right:7px;
	font-size:11px;
	background:url(../../common/images/icon-triangle_pink.png) left center no-repeat;
	padding-left:11px;
	line-height:1;
}
.top .topMenu .link_course{
	line-height:1;
}
.top .topMenu .link_course a{
	font-size:11px;
	background:url(../../common/images/icon-triangle_pink.png) left center no-repeat;
	padding-left:11px;
	line-height:1;
}

.top .topMenu h3{
	margin:36px 0 0 0;
	text-align:center;
}
.top .topMenu h4 a{
	display:block;
	width:100%;
	text-align:center;
	background:#d1007b;
}
.top .topMenu p{
	line-height:1.4;
}

/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.top .topMenu h4 a:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		-ms-filter: "alpha(opacity=60)";
	}
	.top .topMenu .link_course{
		text-align: right;
		margin:8px 15px 0 0;
	}
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.top .topMenu{
		margin-top:30px;
	}
	.top .topMenu h3{
		margin-top:20px;
	}
	.top .topMenu .link{
		position: absolute;
		top:5px;
		right:0px;
	}
	.top .topMenu .link_course{
		text-align: right;
		margin:10px 0px 0 0;
		line-height:1.2;
	}
	.top .topMenu .menu01 .link_course span{
		display: block;
		width:100%;
	}	
	.top .topMenu .course ul li{
		color:#9a6c00;
		background-color:#fdf8e2;
		border:1px solid #f1deb4;
		text-align:center;
		padding:5px;
	}
	.top .topMenu .course ul li.plus{
		margin:3px;
		padding:0px;
		font-weight: bold;
		font-size:16px;
		background-color:#fff;
		border:none;
		text-align:center;
	}	
}

/* ---------------------------------------------------------
	4.2 - menu01
--------------------------------------------------------- */
.top .topMenu .menu01{
	margin-top:34px;
}
.top .topMenu .menu01 h4 a{
	height:43px;
}

/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.top .topMenu .menu01 .txt{
		margin:23px 0 0 28px;
	}
	.top .topMenu .menu01 p{
		margin:9px 28px 0;
	}
	.top .topMenu .menu01 .course{
		margin:15px 28px 0 18px;
		display:block;
		width:614px;
		height:87px;
		background:url(../images/menu-img01.png) top left no-repeat;
	}
	.top .topMenu .menu01 .course ul{
		display:none;
	}
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.top .topMenu .menu01 h4 a{
		height:38px;
	}
	.top .topMenu .menu01 .txt img{
		width:180px;
		height:auto;
		margin-top:15px;
	}
	.top .topMenu .menu01 p{
		margin-top:10px;
	}
	.top .topMenu .menu01 .course{
		margin-top:10px;
	}
	.top .topMenu .menu01 .course img{
		width:100%;
	}
}

/* ---------------------------------------------------------
	4.3 - その他menu
--------------------------------------------------------- */
.top .topMenu .menu h4 a{
	height:38px;
}

/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.top .topMenu .menu{
		width:309px;
		float:left;
		margin-top:38px;
	}
  .top .topMenu .menu:nth-child(odd){
		margin-right:32px;
	}
	.top .topMenu .menu p{
		margin:12px 15px 0 18px;
		height:83px;
	}
	.top .topMenu .menu .course{
		margin:0px 0 0 18px;
	}
	.top .topMenu .menu02 .course{
		display:block;
		width:273px;
		height:87px;
		background:url(../images/menu-img02.png) top left no-repeat;
	}
	.top .topMenu .menu03 .course{
		display:block;
		width:273px;
		height:87px;
		background:url(../images/menu-img03.png) top left no-repeat;
	}
	.top .topMenu .menu04 .course{
		display:block;
		width:273px;
		height:87px;
		background:url(../images/menu-img04.png) top left no-repeat;
	}
	.top .topMenu .menu05 .course{
		display:block;
		width:273px;
		height:210px;
		background:url(../images/menu-img05.png) top left no-repeat;
	}
	.top .topMenu .menu .course ul{
		display:none;
	}

	
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.top .topMenu .menu{
		margin-top:30px;
	}
	.top .topMenu .menu p{
		margin-top:10px;
	}
	.top .topMenu .menu .course{
		margin-top:10px;
	}	
	.top .topMenu .menu .course img{
		width:100%;
	}
}

/* =========================================================
	5.0 - topFlow
========================================================= */
.top .topFlow{
		margin-top:65px;
		position: relative;
}
.top .topFlow h2{
	display:block;
	text-indent:-99999px;
	background:url(../images/title-flow.png) 2px top no-repeat;
	height:29px;
	border-bottom:2px solid #000;
}
.top .topFlow .link{
	position: absolute;
	top:5px;
	right:7px;
	font-size:11px;
	background:url(../../common/images/icon-triangle_pink.png) left center no-repeat;
	padding-left:11px;
	line-height:1;
}
.top .topFlow ul{
	margin:15px 0 0 11px;
}
.top .topFlow ul li{
	width:110px;
	float: left;
	background:url(../images/flow-icon-arrow.png) 86px 37px no-repeat;		
}
.top .topFlow ul li .txt{
	width:72px;
	text-align:center;
	line-height:1.3;	
	margin-top:3px;	
}
.top .topFlow ul li.flow06{
	width:72px;
	background:none;
}
.top .topFlow ul li.flow06 .txt{
	margin-top:0px;
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.top .topFlow{
		margin-top:50px;
	}
	.top .topFlow h2{
		background:url(../images/sp-title-flow.png) 2px top no-repeat;		
	}
	.top .topFlow .link{
		position: absolute;
		top:5px;
		right:0px;
	}
	.top .topFlow ul{
		margin:0;
	}
	.top .topFlow ul li{
		margin-top:14px;
		width:100px;
		font-size:12px;
		float: left;
		background:url(../images/flow-icon-arrow.png) 80px 37px no-repeat;		
	}
	.top .topFlow ul li .img img{
		width:69px;
		height:56px;
	}
	.top .topFlow ul li.flow06 .txt{
		margin-top:6px;
	}	
}

/* =========================================================
	6.0 - topContact
========================================================= */
.top .topContact{
	margin-top:66px;
	text-align: center;
}

/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.top .topContact a:hover img{
	    background-color:#fff;
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		-ms-filter: "alpha(opacity=60)";
	}
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.top .topContact a{
		display: block;
		margin-top:40px;
		width:100%;
		height:60px;
		overflow:hidden;
		background:#b19867 url(../images/sp-btn-contact.png) center center no-repeat;		
	}
	.top .topContact img{
		display:none;
	}
}

/* =========================================================
	7.0 - Side Schedule
========================================================= */
.top .topSchedule{
	margin-top:25px;
}
.top .topSchedule a{
	display:block;
	width:100%;
	height:56px;
	border:1px solid #a78b54;
	text-indent:-99999px;
	background:url(../images/btn-schedule.png) center center no-repeat;
	background-color:#fff;
}

/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.top .topSchedule a:hover{
		filter:alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
		background-color:#fbf9f1;
	}
}

/* =========================================================
	8.0 - Side News
========================================================= */
.top .topNews{
		/* margin-top:55px; */
		position: relative;
}
.top .topNews h2{
	display:block;
	text-indent:-99999px;
	background:url(../images/title-news.png) left top no-repeat;
	height:32px;
	border-bottom:1px solid #000;
}
.top .topNews .link{
	position: absolute;
	top:8px;
	right:6px;
	font-size:11px;
	background:url(../../common/images/icon-triangle_pink.png) left center no-repeat;
	padding-left:11px;
	line-height:1;
}
.top .topNews .newsframe{
	position: relative;
	background:url(../../common/images/line-dotted.png) left bottom repeat-x;
	margin-top:22px;
}
.top .topNews .newsframe .category{
	position: absolute;
	top:-8px;
	right:3px;
	width:47px;
	height:15px;
	text-indent:-99999px;
}
.top .topNews .newsframe .NEWS{
	background:url(../images/icon-news.png) left top no-repeat;
}
.top .topNews .newsframe .MEDIA{
	background:url(../images/icon-media.png) left top no-repeat;
}
.top .topNews .newsframe .EVENT{
	background:url(../images/icon-event.png) left top no-repeat;
}
.top .topNews .newsframe a{
	display:block;
}
.top .topNews .newsframe a .date{
	font-size:10px;
	color:#a59b89;
	line-height:1;
}
.top .topNews .newsframe a .title{
	margin-top:10px;
	font-weight:bold;
	line-height:1.6;
	color:#333;
}
.top .topNews .newsframe a p{
	line-height:1.6;
	margin-top:0px;
	padding-bottom:20px;
	color:#333;
}

/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.top .topNews .newsframe a:hover .date{
		color:#c9c3b8;
	}
	.top .topNews .newsframe a:hover .title,
	.top .topNews .newsframe a:hover p{
		color:#858585;
	}
}

/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.top .topNews .link{
		position: absolute;
		top:8px;
		right:0px;
	}
}
/* =========================================================
	9.0 - Side Banner
========================================================= */
.top .topBanner{
	text-align:center;
}
.top .sideBanner{
	margin-top:40px;
	text-align:center;
}
.top .sideBanner li{
	margin-bottom:15px;
}

/* ------------ ■ PC ■------------ */
@media screen and (min-width: 768px){
	.top .sideBanner a:hover img{
		opacity: 0.6;
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		-ms-filter: "alpha(opacity=60)";
	}
}

/* =========================================================
	10.0 - Side Facebook
========================================================= */
.top .topFacebook{
	margin-top:45px;
}

.top .topFacebook .fb-page{
	border:1px solid #ccc;
}
/* ------------ ■ sphone ■------------ */
@media screen and (max-width: 767px){
	.top .topFacebook{
	 	margin:55px auto 0;
		text-align:center;
	}
	.top .topFacebook .fb-page{
		max-width:500px;
	}	
}