/* ==========================================================================
	 initialize
	 ========================================================================== */
h1 .hr {
	display: inline-block;
	width: 1em;
	height: 1px;
	margin: 0 .125em;
	background-color: #291c19;
	vertical-align: middle; }

#header.g #topimage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
	#header.g #topimage > div:nth-child(1),
	#header.g #topimage > div:nth-child(2),
	#header.g #topimage > div:nth-child(3){
		background-size: cover;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
	#header.g #topimage > div:nth-child(2) > div{
/*
		display: flex;
		flex-direction: column;
*/
		background-size: cover;
/*
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
*/
		height: 50%;;
	}
		#header.g #topimage > div:nth-child(1) {
			background-image: url(../img/concept/g1.jpg);
			background-size: 1200px;
			background-position: 40% 50%;
		}
		#header.g #topimage > div:nth-child(2) > div:nth-child(1){
			background-image: url(../img/concept/g2.jpg);
			background-size: 1000px;
			background-position: 50% 40%;
		}
		#header.g #topimage > div:nth-child(2)  > div:nth-child(2){
			background-image: url(../img/concept/g3.jpg);
			background-size: 1200px;
			background-position: 80% 20%;
		}
		#header.g #topimage > div:nth-child(3) {
			background-image: url(../img/concept/g3.1.jpg);
			background-position: 20% 70%;
		}

#concept_01 p {
	line-height: 1.75; }

#concept_01 .column_01, #concept_01 .column_02, #concept_01 .column_03 {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1; }

#concept_01 .column_01 {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center; }

#concept_01 .column_02 {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	background-size: cover; }
	#concept_01 .column_02:before {
		content: "";
		display: block;
		padding-bottom: 167%; }

#concept_01 .column_03 {
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }
	#concept_01 .column_03 > * {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%; }

#concept_01 .g4, #concept_01 .g5, #concept_01 .g6 {
	background-size: cover;
}

#concept_01 .g4 {
	position: relative;
	background-image: url(../img/concept/g4.jpg);
	background-size: 85%;
	background-repeat: no-repeat;
	background-position: 30px 80px;;
}
#concept_01 .g4:after {
	content: "木下料理長";
	position: absolute;
	bottom: 35px;
	left: 30px;
	display: block;
	width: 85%;
	padding: 8px 10px 8px 0;
	font-size: 1.15rem;
	text-align: right;
	border:1px solid red;
}

#concept_01 .g5 {
	background-image: url(../img/concept/g5.jpg);
}

#concept_01 .g6 {
	background-image: url(../img/concept/g6.jpg);
}

#concept_02 p {
	line-height: 1.75; }

#concept_02 .g7, #concept_02 .g8, #concept_02 .g9, #concept_02 .g10 {
	font-size: 0;
	position: relative;
	overflow: hidden; }
	#concept_02 .g7:before, #concept_02 .g8:before, #concept_02 .g9:before, #concept_02 .g10:before {
		content: "";
		display: block;
		padding-bottom: 133.33333%; }
	#concept_02 .g7 img, #concept_02 .g8 img, #concept_02 .g9 img, #concept_02 .g10 img {
		position: absolute;
		top: 0;
		height: 100%; }

#concept_02 .g7 img {
	left: -80%; }

#concept_02 .g8 img {
	left: -85%; }

#concept_02 .g9 img {
	left: 0; }

#concept_02 .g10 img {
	width: 100%;
	height: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); }

.lo-3 > * a.img {
	display: block;
	margin-bottom: 1rem; }
	.lo-3 > * a.img[href] {
		cursor: pointer; }
		.lo-3 > * a.img[href]:before {
			-webkit-transition: opacity .5s;
			-o-transition: opacity .5s;
			transition: opacity .5s; }
		.lo-3 > * a.img[href]:hover:before {
			opacity: .5; }
	.lo-3 > * a.img:before {
		content: "";
		display: block;
		height: 0;
		padding-bottom: 56.25%;
		background-size: 100%; }

.lo-3 > *.g11 a:before {
	background-image: url(../img/concept/g11.jpg);
	background-position: 0% 38%; }

.lo-3 > *.g12 a:before {
	background-image: url(../img/concept/g12.jpg);
	background-position: center 90%;
}

.lo-3 > *.g13 a:before {
	background-image: url(../img/concept/g13.jpg);
}

.lo-3 > *.g14 a:before {
	background-image: url(../img/concept/g14.jpg);
}

.lo-3 > *.g15 a:before {
	background-image: url(../img/concept/g15.jpg);
}

.lo-3 > *.g16 a:before {
	background-image: url(../img/concept/g16.jpg?ut=1559010047);
	background-position: 0% 95%;
}

.lo-3 > *.g17 a:before {
	background-image: url(../img/concept/g17.jpg);
}

.lo-3 > *.g18 a:before {
	background-image: url(../img/concept/g18.jpg);
}

.lo-3 > *.g19 a:before {
	background-image: url(../img/concept/g19.jpg);
}

.lo-3 > *.g20 a:before {
	background-image: url(../img/concept/g20.jpg);
}

.lo-3 > *.g21 a:before {
	background-image: url(../img/concept/g21.jpg);
}

.lo-3 > *.g22 a:before {
	background-image: url(../img/concept/g22.jpg);
}

.lo-3 > * .btn {
	display: block;
	margin-top: .75rem;
	padding-top: .375em;
	padding-bottom: .375em;
	color: #FF5C79;
	border-color: #FF5C79;
	font-size: .95rem;
}
	.lo-3 > * .btn:hover {
		color: #fff;
		background-color: #FF5C79;
	}
