@charset "utf-8";

/*-----------------------------------------------------------------------*/
/*【article】*/
/*-----------------------------------------------------------------------*/
article {
	margin-top:0;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.img_pc { 
	display: block !important; 
}
.img_sp { 
	display: none !important; 
}

div.width section {
	margin-bottom: 70px;
}

div.width.slider-c {
    margin-bottom: 0;
}

/* c_head */

.c_head_pc {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.c_head_sp {
	display: none;
	}


/*-----------------------------------------------------------------------*/
/*【.c_chef】*/
/*-----------------------------------------------------------------------*/

/* p_title */

section.c_chef {
    margin-left: 0;
    margin-right: 0;
	max-width: 1500px;
}

div.p_title {
	width:100%;
	margin:auto;
	margin-top:60px;
	vertical-align:bottom;
	margin-bottom:20px;
}

.p_title img {
	max-width:100%;
	height:auto;
	width /***/:auto;
	width:100%;
}
.head_title {
	position: relative;
	background-color: #000;  /* カラーフィルタ効果の色を指定 */
	margin-bottom: 20px;
}
.colorfilter {
    z-index: 1;
    opacity: 0.8;    /* カラーフィルタ効果の度合いを指定 */
    display: block;
}
.head_title p {
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: auto;
	color: #e0b86e;
	font-size: 3.5em;
}

.bg_logo p {
    position: absolute;
    top: 80%;
}

/* c-chef */
.c_chef {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}

.chef_img, .chef_details {
	display: table-cell;
	width: 50%;
    vertical-align: top;
}

.chef_img {
	width: auto;
	margin-left: 0;
	margin-right: auto;
	padding-right: 20px;
}

.chef_img img {
    width: 100%;
    height: auto;
}

.chef_details {
    text-align: left;
    padding: 50px 20px 0;
	box-sizing: border-box;
}

/* c_souschef */
.c_souschef {
	display: table;
	width: 100%;
}

.souschef_img, .souschef_details {
	display: table-cell;
	width: 50%;
    vertical-align: top;
}

.souschef_img {
	width: auto;
	margin-left: 0;
	margin-right: auto;
}

.souschef_img img {
    width: 100%;
    height: auto;
}

.souschef_details {
    text-align: left;
    padding: 50px 20px 0;
	box-sizing: border-box;
}


.souschef_details p {
	-webkit-margin-before: 0;
    padding-top: 0;
}

/* details共通 */

.fast_name {
	font-size: 1.2em;
	padding-bottom: 20px;
}

.second_name {
	font-size: 1.2em;
    padding-bottom: 15px;
}

.c_name {
	font-size: 3.2em;
	-webkit-margin-after: 0;
	margin-top: 0;
    margin-bottom: 25px;
}

.c_romaji {
	font-size: 0.6em;
	color: #b0b0b0;
	padding-bottom: 20px;
}

.c_career {
	font-size: 0.9em;
}

.c_career span {
    font-size: 1.1em;
	display: block;
	color: #b32e28;
	position: relative;
}

.c_career span:after {
    width: 90%;
    color: #fff;
    content: '-';
    border-top: 1px solid #b32e28;
    position: absolute;
    top: 12px;
    right: 0;
}

.c_career span.pt10:after {
	width: 92%;
    top: 23px;
}
	

/* */
.cuisine_pict div.width {
	background:#331d3e !important;
}
	
/* .l_details */

section.c_staff {
    max-width: 1500px;
}

@media print,screen and (max-width:1000px) {
	
	.img_pc { display: none !important; }
    .img_sp {
		display: block !important; 
		width: 100%;
		height: auto;
	}
	
	.chef_img {
    	padding-right: 0;
	}
	
	.chef_img, .chef_details, .souschef_img, .souschef_details {
		display: block;
		width: 100%;
	}
	
	.l_img img {
		width: 100%;
		height: auto;
	}
	
	.chef_details,.chef_details, .souschef_details {
		width: 100%;
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	
	.c_career span:after {
		width: 93%;
	}

	.c_career span.pt10:after {
		width: 95%;
	}
}


@media print,screen and (max-width:769px) {
	
	#cuisine .c_head, #cuisine div.width section {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	section.width {
    	width: auto;
	}
	
	.mt90 , .mt100 { margin-top: 50px !important; }
	.mb100 { margin-bottom: 70px !important; }
	
	.pt100 { padding-top: 50px !important; }
	.pb120 { padding-bottom: 70px !important; }
	
	.head_title p {
		font-size: 1.2em;
	}
	
	/* c_head */

	.c_head_img {
		margin-left: auto;
		margin-right: auto;
	}
	
	.c_head_pc {
		display: none;
	}
	
	.c_head_sp {
		display: block !important;
		width: 50%;
		height: auto;
	}

	/* .c_chef */
	
	.chef_details {
    	padding: 10px 10px 0;
	}
	.souschef_details  {
    	padding: 30px 10px 0;
	}
	
	.fast_name {
		padding-bottom: 0;
	}
	
	.second_name {
    	padding-bottom: 20px;
		-webkit-margin-after: 0;
		margin-bottom: 0;
	}
	
	.c_name {
		font-size: 2.8em;
    	margin-bottom: 15px;
	}
	.c_romaji {
		padding-bottom: 0;
	}
	
}

/* 587px */
@media print,screen and (max-width:587px) {
	
	.c_career span:after {
		width: 85%;
	}

	.c_career span.pt10:after {
		width: 90%;
	}
}

/* iPhone6 , iPhone6+ */
@media print,screen and (max-width:375px) {
	
	.c_career span:after {
		width: 85%;
	}

	.c_career span.pt10:after {
		width: 90%;
	}
}

/* iPhone5 */
@media print,screen and (max-width:320px) {
	
	.c_career span:after {
		width: 82%;
	}

	.c_career span.pt10:after {
		width: 87%;
	}
}