@charset "utf-8";

/*スライダー*/

#index_mainimage{
	width:100%;
	overflow:hidden;
	background-color:#FFF;
	height:507px;
	border-top: 2px solid #E7537C;
}

.main-slider-content{
	position:absolute;
	left:50%;
	margin-left:-500px;
}

#sliderBottomBorder {
	border-bottom: 2px solid #E7537C;
	height:455px;
}

/* CSS Document */

/* slider layout */
.lof-slidecontent { position:relative;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(./images/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	z-index:3px; }

.lof-slidecontent  ul.sliders-wrap-inner{overflow:visible;	background:transparent url(./images/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;}



.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }


.lof-slidecontent .navigator-content {
	position:absolute;
	left:50%;
	margin-left:-545px;
	padding:12px 0px;
	z-index: 199;
	top: 457px;
	min-width:1090px;
	/*background: url(../img/slider_navi_bg.png) no-repeat center top;*/
}

.lof-slidecontent  .navigator-wrapper{
	position:relative;
	z-index:10;
	width:155px;
	height:22px;
	margin: 0 auto;
	text-align:center;
	/*
	margin-left: 18px;
	height:53px;
	width:1000px;
	overflow:hidden;
	color:#FFF;
	*/
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{
	cursor:hand;
	cursor:pointer;
	list-style:none;
	padding-top:10px;
	margin-left:0;
	margin-right:0;
	overflow:hidden;
	float:left;
	display:block;
	text-align:center;
	box-sizing:border-box;
}

.lof-slidecontent  ul.navigator-wrap-inner li:last-child{
margin-right:0;}

.slider_next{
	right: -500px;
	top:0;
	position: absolute;
	z-index: 150;
	width: 50%;
	background: #FFFFFF;
	height: 455px;
	opacity: 0.7;
}

.slider_prev{
	top:0;
	left: -500px;
	position: absolute;
	z-index: 150;
	width: 50%;
	background: #FFFFFF;
	height: 455px;
	opacity: 0.7;
}

/*******************************************************/

ul.sliders-wrap-inner li img{
	padding:0px;
	position:relative;
	z-index:50;
}

.lof-slidecontent .slider-description{
position:absolute;
height:455px;
width:1000px;
bottom:0;
z-index:55;}

.lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; width:100%; height:100%; display:block;
text-indent:-12000px;}
.lof-slidecontent .slider-description a{ color:#FFF; }
{
	bottom:50px;
	left:0px;
	width:1000px;
	background:#ff0;
	opacity:0.3;
	height:455px;
}
.lof-slidecontent .slider-description h4 {    font-size: 14px;    margin: 10px 0;    padding: 0; }
.lof-slidecontent .slider-description .slider-meta a{
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
/*.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;
background:url(../img/bg_dot.png)}*/
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */

.navigator-content{
	width: 155px;
	/*
	background: url(../img/slider_navbg.png) no-repeat;
	*/
}

.lof-slidecontent ul.navigator-wrap-inner li img{
	border:none;
	-moz-box-shadow: 1px 1px 2px 1px #bbb39a;
	-webkit-box-shadow: 1px 1px 2px 1px #bbb39a;
	box-shadow: 1px 1px 2px 1px #bbb39a;
	background-color: #fff;
}
.lof-slidecontent ul.navigator-wrap-inner li{
	background: url(../img/slider_navi_item.png) no-repeat;
	background-position: center 0px;
	width:12px;
	height:12px;
	padding-top:0;
}
.lof-slidecontent ul.navigator-wrap-inner li.active{
	/*
	background: url(../img/main_navi_act.png) no-repeat center top;
	*/
	background-position: center -12px;
}
.lof-slidecontent ul.navigator-wrap-inner li:hover{
	opacity:0.4;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img,
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
opacity:0.4;}

.lof-slidecontent .navigator-content .button-next,
.lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:75px;
	height:127px;
	cursor:pointer;
	z-index:150;

}
.lof-slidecontent .navigator-content .button-next {
	text-indent:-12000px;
	position:absolute;
	background:url(../img/next.png) no-repeat left center;
	right:0;
	top:-292px;
}
.lof-slidecontent .navigator-content .button-previous {
	text-indent:-12000px;
	position:absolute;
	background:url(../img/previous.png) no-repeat right center;
	left:0;
	top:-292px;
}

.lof-slidecontent .button-control {
   position:absolute;
   top:10px;
   right:10px;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
}

/*.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
	background:url(../images/play.png) no-repeat center center;
}
.lof-slidecontent .action-stop span {
	background:url(../images/pause.png) no-repeat center center;
}*/
#index .wrapper {
	width:100%;
	background-color:#FFF;
}
#index .index_content{
	width:1000px;
	margin:0 auto;
}

#index .index_content .faculty{
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap:wrap;
    flex-wrap:wrap;
    align-items: flex-end;
	margin: 0 -7px 35px;
}
#index .index_content .faculty a{
	width: 50%;
	padding: 14px 7px 0;
	box-sizing: border-box;
}
#index .index_content .faculty a img{
	width: 100%;
}
#index .index_content .faculty a:not(:nth-last-child(-n+2)){
	padding-top: 0;
}
#index .index_content .faculty img:hover{
	opacity:0.5;
}

#index .wrapper .pickup_bg{
	background-image:url(../img/bg_pickup.png);
	background-repeat:repeat;
	background-position:center center;
	padding-top:37px;
	padding-bottom:17px;
	border-top:2px solid #fce6ce;
	border-bottom:2px solid #fce6ce;
}

#index .index_content .opencampus{
	float: left;
	margin-right: 16px;
}
#index .index_content .opencampus a:hover{
	opacity:0.5;
}
#index .index_content .lesson a{
	margin-bottom:20px;
	float:left;
	margin-right:30px;
}
#index .index_content .lesson a:nth-child(2n){
	margin-right:0;
}

#index .index_content .lesson a:hover{
opacity:0.7;
}

#index .index_content .event{
	margin-top:35px;
	margin-bottom:35px;
}
#index .index_content .event .block {
	display:block;
}
#index .index_content .event .tokyo{
	float:left;
}
#index .index_content .event .osaka{
	float:right;
}

#index .index_content .event .tokyo,
#index .index_content .event .osaka{
	width:490px;
	background-color: #ffffff;
	padding:20px 15px;
	box-sizing:border-box;
	background-image:
		url(../img/event_bg_top.png),
		url(../img/event_bg_bottom.png),
		url(../img/event_bg_middle.png);
	background-repeat:
		no-repeat,
		no-repeat,
		repeat;
	background-position:
		top center,
		bottom center,
		center center;
	background-size:
		auto auto,
		auto auto,
		auto auto;
}

#index .index_content .event .event_header{
	height:59px;
	display:block;
	padding: 0 13px;
}
#index .index_content .event .event_header h3{
	color: #4b4948;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-top:16px;
	float:left;
	border:none;
}
#index .index_content .event .event_header p{
	color: #4b4948;
	font-size:14px;
	margin:0;
	padding:0;
	padding-top:16px;
	float:right;
	transform: scale(0.9, 1);
}
#index .index_content .event .event_header p a{
	background:url(../img/arrow02.png) no-repeat left 3px;
	padding-left:13px;
}
#index .index_content .event .event_header p a span{
	text-decoration:underline;
}
#index .index_content .event .event_header p a:hover span{
	text-decoration:none;
}

#index .index_content .event img.thumbnail{
width:132px;
float:left;
margin-right:14px;
}

#index .index_content .event ul{
	width:148px;
	float:right;
	margin: 0;
}

/*
#index .index_content .event div{
margin-bottom:20px;
}
*/

#index .index_content .event section {
	/*border-bottom: 1px dotted #ccb88c;*/
	margin-bottom:30px;
}
#index .index_content .event section:last-child {
	border-bottom:none;
}
#index .index_content .event section a{
	background-color:#FFF;
	display:block;
	/*padding:6px 12px;*/
	margin:12px 0;
}
#index .index_content .event section a:hover{
	/*background-color:#fffde6;*/
	opacity:0.7;
}

#index .index_content .event ul li{
	margin:0 0 10px 0;
	clear:left;
}

#index .index_content .event ul li span{
	/*width:99px;
	height:18px;
	margin-right:1px;
	margin-bottom:1px;*/
	display:inline-block;
	text-indent:-9999px;
}
#index .index_content .event ul li.fac_icons span,
#index .index_content .event ul li.fac_icons02 span{
	margin-right:4px;
}
#index .index_content .event ul li.fac_icons span:nth-child(2n),
#index .index_content .event ul li.fac_icons02 span:nth-child(2n){
	margin-right:0px;
}

#index .index_content .event ul li.fac_icons span.patissier{
	background:url(../common/img/icon_pa_01.jpg) no-repeat;}
#index .index_content .event ul li.fac_icons span.chef{
	background:url(../common/img/icon_ch_01.jpg) no-repeat;}
#index .index_content .event ul li.fac_icons span.cafe{
	background:url(../common/img/icon_cf_01.jpg) no-repeat;}
#index .index_content .event ul li.fac_icons span.bridal{
	background:url(../common/img/icon_br_01.jpg) no-repeat;}

.event_title_date {
	padding-left: 15px;
	border-left:3px solid #DDDDDD;
}
#index .index_content .event p.title{
	font-size:18px;
	font-weight:bold;
	line-height: 1.2em;
	color:#1F1310;
}
#index .index_content .event p.date{
	padding-bottom:0;
	color:#868686;
	margin-bottom:10px;
}

#index .index_content .event .btn_basic{
width:160px;
color:#ffffff;
float:right;}
#index .index_content .event .event_list_btn{
	text-align:center;
	margin-top:30px;
}
#index .index_content .event .event_list_btn img{
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}
#index .index_content .event .event_list_btn a:hover{
	opacity:0.7;
}

#index .index_content .index_left{
width:770px;
float:left;
}

#index .index_content .element {
	background-color: #ffffff;
	border: 1px solid #8b7d5f;
	display: table-cell;
	height: 140px;
	text-align: center;
	vertical-align: middle;
	width: 744px;
}

#index .index_content .index_left ul.element li{
float:left;
font-weight:bold;
width:228px;
height: 45px;
text-align:left;
background:url(../common/img/bn_visit_bg.jpg) no-repeat;
}

#index .index_content .index_left ul.element li.list_left_1{
	margin: 19px 5px 5px 19px;
}

#index .index_content .index_left ul.element li.list_center_1{
	margin: 19px 5px 5px 5px;
}

#index .index_content .index_left ul.element li.list_right_1{
	margin: 19px 19px 5px 5px;
}

#index .index_content .index_left ul.element li.list_left_2{
	margin: 5px 5px 5px 19px;
}

#index .index_content .index_left ul.element li.list_center_2{
	margin: 5px 5px 5px 5px;
}

#index .index_content .index_left ul.element li.list_right_2{
	margin: 5px 19px 5px 5px;
}

#index .index_content .index_left ul.element li.list_left_3{
	margin: 5px 5px 19px 19px;
}

#index .index_content .index_left ul.element li.list_center_3{
	margin: 5px 5px 19px 5px;
}

#index .index_content .index_left ul.element li.list_right_3{
	margin: 5px 19px 19px 5px;
}

#index .index_content .index_left ul.element li a{
display: block;
font-size:14px;
padding:13px 5px 5px 28px
}

#index .index_content .index_left ul.element li a:hover{
	text-decoration: underline;
}

#index .index_content .index_left .disnon{
display:none;
}

#index_study {
	
}
#index_study #index_study_explanation{
	font-size:14px;
	line-height:22px;
	color:#4b4948;
	padding-bottom:8px;
}
#index_study ul{
	display:block;
	margin-right:-7px;
	margin-bottom:35px;
}
#index_study ul li{
	float:left;
	width:252px;
	margin:0;
	padding:0;
	margin-right:7px;
	margin-bottom:5px;
}
#index_study ul li img{
	display:block;
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}

#index_topics{
	margin-top: 16px;
	margin-bottom: 50px;
}

ul#tab2{
	position: relative;
	z-index:15;
	margin: 0;
	border-bottom:1px solid #d4d4d4;
}

ul#tab2 li{
	height: 49px;
	cursor:pointer;
	float: left;
	margin:0;
	position:relative;
	width:190px;
	height:49px;
	margin-right:3px;
}
ul#tab2 li:first-child {
	margin-right:4px;
}
ul#tab2 li:last-child {
	margin-right:0px;
}
ul#tab2 li a{
	position:absolute;
	top:1px;
	background:url("../img/img_tab_off.png") no-repeat right top;
	background-size:100%;
	width:190px;
	height:49px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	color:#4b4948;
}
ul#tab2 li a:hover {
	background:url("../img/img_tab_on.png") no-repeat;
}
ul#tab2 li a:hover span{
	border-bottom:2px solid #ccb88c;
}
ul#tab2 li a span{
	height:49px;
	display:inline-block;
	padding: 0 10px;
	font-size:16px;
	line-height:50px;
}
ul#tab2 li.select a{
	background:url("../img/img_tab_on.png") no-repeat;
}
ul#tab2 li.select a span{
	border-bottom:2px solid #ccb88c;
}


.tab_content{
	background-color: #ffffff;
	border:1px solid #d4d4d4;
	border-top: none;
	position:relative;
	z-index:14;
	padding:20px 31px;
	margin-bottom: 10px;
}


#index .index_content .index_right{
width:210px;
float:right;
}

#index .right_navi_ben {
margin:0;
}

#index .right_navi_ben p{
margin-right:0;
}

/*トピックス一覧から移植*/
.topics_tabs_content{
}


.topics_tabs_content topics_tabs_box,
.topics_tabs_content topics_tabs_box_la{
	border:none;
	padding:0;
	margin:0;
	line-height:18px;
}

.topics_tabs_content .icon_box .icon_box{
	float:left;
}

.icon_box{
	margin:0;
	padding:0;
}

.icon_box .icon_box_01{
	margin-bottom:2px;
	width:87px;
	height:21px;
}

.icon_box .icon_box_02{
	float:left;
	margin:0;
	padding:0;
	margin-right:1px;
	width:40px;
	height:20px;
}


.icon_box .icon_box_03{
	float:left;
	margin:0;
	padding:0;
}

.topics_tabs_box{
	border-bottom:1px dotted #CACACA;
	padding:15px 0;
}

.topics_tabs_box_la{
	padding:15px 0;
}

.topics_tabs_box .icon_box,
.topics_tabs_box_la .icon_box{
	float:left;
}
.topics_tabs_box .text_box,
.topics_tabs_box_la .text_box{
	float:left;
	padding-left:20px;
}

.text_box .topics_date{
	float:left;
	margin-right: 10px;
	margin-top: 1px;
}

.text_box .topisc_text{
	background:url(../common/img/arrow01.png) no-repeat left 5px;
	background-size: 6px;
	float: left;
	width: 510px;
	padding-left: 10px;
	line-height: 1.6em;
}

.text_box .topisc_text a{
	color: #6b582c;
}

.text_box .topisc_text a:hover{
	text-decoration:underline;
}

#index_topics .btn_basic{
width:160px;
color:#ffffff;
float:right;}


.h2_title {
	border:1px solid #ccb88c;
	height: 35px;
	padding-left:115px;
	margin-bottom:20px;
	background-color:#FFF;
}
.h2_title h2{
	font-size:18px;
	line-height:6px;
	font-weight: normal;
	background: none;
	color: #4c4948;
	margin-bottom: 0;
	padding: 0;
}

.h2_title_course {
	background-image:url(../img/title_bg_course.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.h2_title_pickup {
	background-image:url(../img/title_bg_pickup.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.h2_title_event {
	background-image:url(../img/title_bg_event.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.h2_title_study {
	background-image:url(../img/title_bg_study.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.h2_title_news {
	background-image:url(../img/title_bg_news.png);
	background-repeat:no-repeat;
	background-position:left center;
}
.h2_title_news h2{
	float:left;
	width:50%;
}
.h2_title_news p{
	float:right;
	width:40%;
	text-align:right;
	padding-right:10px;
	padding-top:6px;
}
.h2_title_news p a{
	background:url(../img/arrow02.png) no-repeat left 3px;
	padding-left:13px;
	font-size:14px;
	transform: scale(0.9, 1);
}
.h2_title_news p a span{
	text-decoration:underline;
}
.h2_title_news p a:hover span{
	text-decoration:none;
}