@charset "utf-8";
@media screen and (max-width:800px){


.catch{
	font-size: 100%;
}

.catch_txt,
.catch_txt span {
	background-size: 100% auto;
}

.catch_txt span {
	padding: 10px 15px;
}

#faculty_top #content_wrap{
position:relative;
}

#faculty_top.fashion .mainimage_wrap{
position:relative;
text-align:center;
width:100%;
height:auto;
border:none;}

#faculty_top.fashion .mainimage_wrap img{
display:none;}

#faculty_top .catch_l{
font-size:140%;}

#faculty_top #feature{
margin-top:20px;
}

#faculty_top #feature{
border-bottom:1px dotted #cecece;
padding:10px 0;
margin-bottom:30px;
cursor:pointer;}


/*#faculty_top #feature .layout{
border-top:1px dotted #cecece;
padding:10px 0;
background:url(../../img/feature_bg_arrow.png) no-repeat right top;
background-size:50px auto;}

#faculty_top #feature .layout.active{
background:url(../../img/feature_bg_arrow_on.png) no-repeat right top;
background-size:50px auto;}*/

#faculty_top #feature .headling{
display:table;
width:100%;
vertical-align:middle;}

#faculty_top #feature .headling img{
float:left;
margin-right:20px;
display:table-cell;
width:50%;
min-width:100px;}

#faculty_top #feature .detail{
font-size:107%;
line-height:1.5em;}

#faculty_top #feature .detail{
margin-top:20px;}


#faculty_top .course_year{
width:100%;
}

#faculty_top .course_layout{
width:49%;
margin-right:0;
margin-bottom:0;
float:left;}

#faculty_top .course_layout:not(:nth-child(-n+2)){
	padding-top: 2%;
}

#faculty_top .course_year .wsb{
width:47%;
margin-right:0;
margin-bottom:0px;
float:left;}

#faculty_top .course_layout:nth-child(odd){
margin-right:2%;}

#faculty_top .course_layout h3{
background-repeat:repeat-y;
margin:0 0 20px 0;
font-size:16px;
width:92%;}


#faculty_top .course_layout h3{
background-size:4px auto;}

#faculty_top .course_layout h3 a{
background:url(../../../common/img/arrow01.png) no-repeat left 8px;
padding-left:10px;
display:block;
}

#faculty_top .course_layout h3 a:hover{
text-decoration:underline;}

#faculty_top .course_layout img{
line-height:0;
margin-bottom:10px;}

#faculty_top .course_layout p.text01{
font-weight:bold;
margin-bottom:10px;
}

#faculty_top .course_layout p.text02{
margin-bottom:10px;
}

/*----------course*/

#feature_course {
width:100%;
margin:0;
}

#feature_course div.layout{
width:auto;
padding:0;
margin:0 4% 20px 0;
border:none;}

#feature_course div.layout p{
width:100%;}



#pickup .layout{
width:100%;
display:block;
float:none;
margin:0 0 20px 20px;
}

.type_course div.job img{
max-width:88px;
width:20%;
min-width:44px;
float:none;
}

.type_course div.license img{
max-width:88px;
width:20%;
min-width:44px;
float:none;
}


.type_course ul.anchor_links li{
width:49%;
font-size:10px;}



.modalblock_type_three{
width:100%;
}

.modalblock_type_three .layout{
width:45%;
float:left;
margin-bottom:20px;}

.modalblock_type_three .layout .image{
position:relative;
}

.modalblock_type_three .layout h5{
background:url(../../../common/img/arrow01.png) no-repeat left 5px;
padding-left:10px;}

.modalblock_type_three .layout img.thumb{
max-width:100%;
}

.modalblock_type_three .layout img.zoom{
display:none;}

#pickup{
width:auto;}

#pickup h4{
margin:0 0 20px 0
}

#pickup .layout{
width:auto;
display:block;
float:left;
margin:0 0 20px 20px;
}


#pickup .layout.long{
width:auto;}
#pickup .ysystem{
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
}
#column_layout_four{
width:auto;
margin-left:0;
}

#column_layout_four div{
width:100%;
margin-left:0;
float:none;
margin-bottom:20px;
}
#column_layout_four div h5{
margin-bottom:5px;
}


/*******************************************************************************
 2016年更新
*******************************************************************************/

/* 右カラム　ローカルナビ */

#right_navi ul.right_navi_underline {
	background-color:#dadada;
}
#right_navi .right_navi_underline li.headling{
	margin-left:2%;
	margin-right:2%;
	padding:10px;
	width:95%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#right_navi ul.right_navi_underline li.underline_li_on a, 
#right_navi ul.right_navi_underline li.underline_li_on_la a{
	background-color:#FFF;;
}

/* メインの説明文 */

ul#faculty_main_explanation {
	width:100%;
	display:table;
	margin-bottom:20px;
}
ul#faculty_main_explanation li{
	font-size:19px;
	line-height:1.2;
	padding: 20px 10px 20px 30px;
}

/* course_wrap */

.course_wrap .course_left {
	float:none;
	width:100%;
	min-height:0;
}
.course_wrap .course_left .course_left_top{
	padding-bottom: 15px;
}
.course_wrap .course_left .course_left_top .course_image_sp {
	display:block;
	margin-top:3px;
}
.course_wrap .course_right {
	float:none;
	width:100%;
	display:none;
}

/***** パンくず *****/

.type_course #content .panekuzu{
	padding-bottom:20px;
}
.type_course #content .panekuzu ul li.pan_on, .type_course #content .panekuzu_blkbg ul li.pan_on{
	margin:0 0 0 10px;
}
.type_course #content .panekuzu {
	position:relative;
}
.type_course #content .panekuzu ul.area_box_pc{
	display:none;
}
.type_course #content .panekuzu p.area_box_sp{
	/*
	display:block;
	clear:both;
	text-align:center;
	padding-top:10px;
	*/
	display:none;
}


/***** h1の設定 *****/

#h1_course {
	background: repeat-x center top;
	height:auto;
	padding-top:8px;
	padding-bottom:12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#h1_course ul{
	width:auto;
	margin:0 auto;
	height:auto;
	padding: 0 12px !important;
}

#h1_course.patissier ul{
	background: none;
}
#h1_course.cafe ul{
	background: none;
}
#h1_course.chef ul{
	background: none;
}
#h1_course h1{
	margin:0;
	padding:0;
	padding-top:8px;
	font-size:22px;
	line-height:1.2;
	color: #FFF;
	font-weight:normal;
	font-family:'メイリオ',Meiryo,'Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}
#h1_course .en{
	font-size:15px;
	line-height:1.2;
	color: #FFF;
}

#h1_course.ex h1 {
	font-size: 15px;
}

#h1_course.ex .en{
	font-size: 12px;
}


/***** h3の設定 *****/

.type_course #content h3{
	font-size:24px;
	color:#704332;
	line-height:1.5;
	padding-left:50px;
	padding-bottom:0;
	margin:20px 0;
	width:auto;
}

/***** パンくずの設定 *****/

.renewal2015 .panekuzu {
	width: 100%;
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-position: center bottom;
}
.renewal2015 .panekuzu ul {
	margin-top: 0 !important;
}


/***** メインキャッチコピー *****/

.type_course #content #maincatch {
	font-size:20px;
	font-weight:bold;
	line-height:1.4;
}
.type_course #content #maincatch br{
	display:none;
}

.type_course #content .course_maintxt{
		margin: 0 0 30px;
		padding: 0;
		font-size: 14px;
		line-height: 1.4;
		color: #666666;
}
/***** 説明文 *****/

.type_course #content p.explain_text{
	font-size:16px;
	line-height:1.5;
	color:#000;
}


/***** もっと見る *****/

.type_course #content p.more_btn{
	text-align:center;
}
.type_course #content p.more_btn a:hover{
	opacity:0.7;
}


/***** テーブルの作成 *****/
.type_course #content ul.column370 {
	display:block;
	margin-right:0;
	margin-top:10px;
	margin-bottom:10px;
}
.type_course #content ul.column370 li{
	display:block;
	width:auto;
	margin-right:0;
	float:none;
}
.type_course #content ul.column365 {
	display:block;
	margin-right:0;
	margin-top:10px;
	margin-bottom:10px;
}
.type_course #content ul.column365 li{
	display:block;
	width:auto;
	margin-right:0;
	float:none;
}
.type_course #content ul.column360 {
	display:block;
	margin-right:0;
	margin-top:10px;
	margin-bottom:10px;
}
.type_course #content ul.column360 li{
	display:block;
	width:auto;
	margin-right:0;
	float:none;
}

.type_course #content ul.column365 li:nth-child(odd),
.type_course #content ul.column360 li:nth-child(odd){
	clear:both;
}


/***** 目指せる職業, 取得できる資格 *****/

.type_course #content dl.target_job,
.type_course #content dl.target_capacity {
	margin:0;
	padding:0;
}
.type_course #content dl.target_job dt,
.type_course #content dl.target_capacity dt{
	font-size:20px;
	color:#444444;
	font-weight:bold;
	padding-left:38px;
	vertical-align:center;
	line-height:1.5;
	min-height:28px;
	width:auto;
}
.type_course #content dl.target_job dt{
	background: url(../img/course/icon_target_job.png) no-repeat left center;
}
.type_course #content dl.target_capacity dt{
	background: url(../img/course/icon_target_capacity.png) no-repeat left center;
}
.type_course #content dl.target_job dd,
.type_course #content dl.target_capacity dd{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.4;
	color:#666666;
	padding-top:5px;
	width:100%;
	margin-bottom:10px;
}


/***** コースの特長 *****/

.type_course #content #course_feature ul.column360 li{
	margin-bottom:10px;
}


/***** カリキュラムの特長 *****/

.type_course #content #curriculum_feature dl dd p.img{
	vertical-align:bottom;
	font-size:0;
	line-height:0;
	text-align:center;
	margin-top:5px;
}


/***** 講師紹介 *****/

.type_course #content #teacher_intro{
	margin-bottom:40px;	
	clear:both;
}

.type_course #content #teacher_intro ul.teacher_intro {
	margin-right: -8px;
}

.type_course #content #teacher_intro ul.teacher_intro li {
	width: 48%;
	margin-right: 2%;
	margin-bottom: 10px;
}

.type_course #content #teacher_intro ul.teacher_intro li::nth-child(2n) {
	margin-left: 2%;
}

.type_course #content #teacher_intro ul.teacher_intro li:nth-child(3n+1) {
  clear: none;
}

.type_course #content #teacher_intro ul.teacher_intro li .teacher_image a img {
	width: 100%;
	height: auto;
}

.type_course #content #teacher_intro ul.teacher_intro li .teacher_info{
	font-size: 12px;
}

/***** 講師紹介 グランパティシエ*****/
.teacher_grandpatissier_flag{
	display: block;
}

.teacher_grandpatissier_img{
	width: auto;
	height: 80vw;
	overflow: hidden;
	margin:0 0 20px 0;
}

.teacher_grandpatissier_img img{
	width: 100%;
}

.teacher_grandpatissier_cont {
	margin-bottom: 40px;
}

/***** 学生作品 *****/

.type_course #content #student_gallery{
	margin-bottom:20px;
}
.type_course #content #student_gallery .mainimage{
	margin-top:20px;
}

.type_course #content #student_gallery .summary{
	margin:15px 0;
	margin-right: -8px;
}
.type_course #content #student_gallery .summary a{
	overflow:hidden;
	display:block;
	height:auto;
}
.type_course #content #student_gallery .grid-wrap:before{
    content:"";
    display:table;
}
.type_course #content #student_gallery .grid-wrap:after {
    clear: both;
}
.type_course #content #student_gallery .grid-wrap {
    margin-left:0;
    overflow: auto;
}
.type_course #content #student_gallery .summary_box{
	width: 48%;
	margin-right: 2%;
	margin-bottom: 10px;
	padding:0;
}
.type_course #content #student_gallery .summary_box a:hover{
	opacity:0.7;
}
.type_course #content #student_gallery .summary_img {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	width: 100%;
	overflow:auto;
}

.type_course #content #student_gallery .summary_img span{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	display: block;
	height: auto;
	margin: 0;
	overflow: auto;
	width: 100%;
}

.type_course #content #student_gallery .summary_img img.zoom_img {
	margin: 0;
	display:block;
}
.type_course #content #student_gallery .summary_img img.zoom {
	margin: 0;
	display:block;
}



/***** ほかにも学校のこと見てみよう *****/

.type_course #content #other_info ul.column370 li{
	margin-bottom:5px;
}

	/***** スケジュール *****/
	.type_course #content .course_maintxt{
		line-height: 1.6;
	}

	#course_schedule .table_month_wrap .table_month_event td{
		padding: 10px 3px 10px 3px;
		text-align: left;
	}

	#course_schedule .course_table .course_schedule_cont{
		padding: 10px 10px 2px;
		width: 50%;
	}
	#course_schedule .course_table .table_item .course_schedule_cont{
		padding-bottom: 10px;
	}
	#course_schedule .course_table .table_support .course_schedule_cont{
		padding-bottom: 10px;
	}

	/***** グランパティシエスケジュール *****/
	.grandpatissier_schedule .grandpatissier{
		font-size: 18px;
	}
	.grandpatissier_schedule .voice{
		display: block;
	}
	.grandpatissier_schedule .voice_img{
		margin-right: 0;
	}

	.type_course #content .grandpatissier_schedule h3.voice_tit{
		background: none !important;
	}

	/**renewal2019**/
	.renewal2019-faculty .sp-none{
		display: none;
	}

	.renewal2019-faculty .text-three-line .p-mainimage-faculty__heading__main{
		font-size: 7.5vw;
	}
	.renewal2019-faculty .text-two-line .p-mainimage-faculty__heading__main{
		font-size: 7.5vw;
	}
	.renewal2019-faculty .text-two-line02 .p-mainimage-faculty__heading__main{
		font-size: 6.5vw;
	}
	.renewal2019-faculty .text-one-line_sp .p-mainimage-faculty__heading__main{
		font-size: 8.66667vw;
	}
	.renewal2019-faculty .text-two-line .p-mainimage-faculty__text{
		padding-top: calc(20/750 * 100vw);
	}
	.renewal2019-faculty .text-one-line_sp .p-mainimage-faculty__text{
		padding-top: calc(35/750 * 100vw);
	}
	.renewal2019-faculty .text-three-line .p-mainimage-faculty__text{
		padding-top: calc(20/750 * 100vw);
	}
	.renewal2019-faculty .bottom-text-two-line .p-mainimage-faculty__text{
		padding-top: calc(20/750 * 100vw);
	}

	.renewal2019-faculty .text-two-line .p-mainimage-faculty__en,.renewal2019-faculty .text-three-line .p-mainimage-faculty__en{
		margin-bottom: 1.33333vw;
	}

	.renewal2019-faculty .text-two-line .p-mainimage-faculty__en,.renewal2019-faculty .text-three-line .p-mainimage-faculty__en{
		margin-bottom: 1.33333vw;
	}

	.renewal2015.renewal2019-faculty #contentbk{
		padding: 0 20px;
	}

	.renewal2019-faculty .p-mainimage-faculty__heading{
		margin-bottom: 2.66667vw;
	}

	.renewal2019-faculty .text-two-line .p-mainimage-faculty__heading{
		margin-bottom: 0.5vw;
	}
	.renewal2019-faculty .text-one-line_sp .p-mainimage-faculty__heading{
		margin-bottom: 2.66667vw;
	}
	.renewal2019-faculty .text-three-line .p-mainimage-faculty__heading{
		margin-bottom: 0.5vw;
	}
	.renewal2019-faculty .bottom-text-two-line .p-mainimage-faculty__heading{
		margin-bottom: 1.5vw;
	}

	.renewal2019-faculty .p-mainimage-faculty{
		height: calc(810/750 * 100vw);
	}

	.renewal2019-faculty .faculty-subtitle{
		font-size: calc(40/750 * 100vw) !important;
		margin-bottom: 25px !important;
	}

	.renewal2019-faculty .faculty-subtitle .title-english{
		font-size: calc(54/750 * 100vw);
	}

	.renewal2019-faculty #content #curriculum_feature dl dt.faculty-feature-list__title{
		font-size: calc(38/750 * 100vw);
	}

	.renewal2019-faculty .faculty-feature-list{
		padding: 0 15px !important;
	}

	.type_course.renewal2019-faculty #content #curriculum_feature li.faculty-feature-list__item{
		margin-bottom: 30px;
	}

	.type_course.renewal2019-faculty #content #curriculum_feature dl dd p.img{
		margin-bottom: 15px;
	}

	.renewal2019-faculty .p-mainimage-faculty__text{
		background-image: url(/faculty/img/course/mainimage_patissier_bg_sp.png);
		background-size: 100% auto;
		height: calc(390/750 * 100vw);
		padding-top: calc(35/750 * 100vw);
	}

	.renewal2019-faculty #content #course_schedule .c-heading-banner__title{
		font-size: calc(40/750 * 100vw);
		margin: 0 10px;
	}

	.renewal2019-faculty #content #curriculum_feature dl dd .btn a{
		 line-height: 35px;
		 width: calc(400/750 * 100vw);
	 }
	.renewal2019-faculty #content #curriculum_feature dl dd .btn a:hover{
		background-color: transparent;
		border: 1px solid #998c88;
	}

	.type_course.renewal2019-faculty #content #curriculum_feature li{
		margin-bottom: 40px;
	}

	.renewal2019-faculty .faculty-subtitle{
		background-size: 20px auto !important;
		padding-bottom: 25px;
	}

	.renewal2019-faculty #content #curriculum_feature dl dt.faculty-feature-list__title{
		margin-bottom: 15px;
	}

	.renewal2019-faculty #course_schedule,.type_course.renewal2019-faculty #content #student_gallery,.type_course.renewal2019-faculty #content #teacher_intro,.renewal2019-faculty #other_info{
		margin-bottom: 60px;
	}

	.type_course.renewal2019-faculty #content #teacher_intro ul.teacher_intro li{
		margin-bottom: 30px;
	}

	.type_course.renewal2019-faculty #content #teacher_intro ul.teacher_intro {
		margin-bottom: 10px;
	}
}
