/* ひらながもりひこ用 */

/* 共通	*/
.inner-mh{
	max-width: 1920px;
	width: 100%;
	height: auto;
}

.img-size-max img{
	max-width: 1920px;
	width: 100%;
	height: auto;
}

.space-h-none{line-height: 0;}

/* header */
header.mh{
	height: auto;
	position: relative;
	padding: 0px 0px;
}

header.mh.scroll-border{border-bottom: none;}

header.mh h1,
header.mh h2{
	position: absolute;
}

header.mh h1{
	top: 3%;
	left: 7%;
	width: 20%;
}

header.mh h1 img{
	max-width: 100%;
	height: auto;
}

header.mh h2{
	top: 4%;
	right: 6%;
}

header.mh nav{
	position: absolute;
	top: 3%;
	right: 23%;
	width: 105px;
	height: auto;
}

header.mh nav li{
	float: none;
	margin-right: 0;
	text-align: right
}

header.mh nav li:not(:last-child){
	margin-bottom: 35px;
}

header.mh .catchcopy{
	position: absolute;
	bottom: -5%;
	right: 12%;
}

/* メイン */
#wrapper.mh{max-width: 1920px;}
#wrapper.mh .addtoany_content{display: none;}
.concept-position{position: relative;}
.concept1-text1,
.concept2-text1,
.concept3-text1,
.concept4-text1,
.concept5-text1,
.concept6-text1,
.concept7-text1{
	position: absolute;
}

.concept1-text1{
    top: 18%;
    left: 10%;
}

.concept2-text1{
	top: 27%;
    right: 5%;
}

.concept3-text1{
	top: 23%;
    left: 40%;
}

.concept4-text1{
	top: 22%;
    left: 7%;
}

.open-release{
	position: relative;
	margin-bottom: 180px;
}

.open-text{
	position: absolute;
	top: 25%;
    left: 40%;
}

.concept5{
	padding-bottom: 45em;
}

.concept6{
	margin-bottom: 20em;
}

.concept7{
	margin-bottom: 20em;
	padding-bottom: 28em;
}

.concept-title-l,
.concept-title-r{
	margin-bottom: 25px;
}

.concept-title-l{
	text-align: left;
	padding-left: 2.5em;
}
.concept-title-r{
	text-align: right;
	padding-right: 2.5em;
}

.concept-img-l{text-align: left;}
.concept-img-r{text-align: right;}

.concept5-text1{
	bottom: 27%;
    right: 45%;
}

.concept6-text1{
	top: -21%;
    right: 5%;
}

.concept7-text1{
	bottom: -5%;
    left: 5%;
}

.column2{
	display: flex;
}

.column2-child{
	width: 50%;
	flex-shrink: 0;
}

.column2-child2{
	flex: 1;
}

.menu-type1{
	position: relative;
}

.menuname{
	position: absolute;
    top: 20%;
    left: 42%;
}

.menuname img{
	max-width: 100%;
	height: auto;
}

.cake{
	background-color: #ad8359;
}

.cake .column2{
	flex-wrap: wrap;
}


.cake .img img,
.cake .menutext1 img{
	max-width: 100%;
	height: auto;
}

.coffee{
	background-color: #cfa7cd;
}

.menu-space-text{
	padding: 9.5em 7em;
}

.menutext2{
	text-align: center;
}

.menutext2 img{
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) and (max-width: 1050px){
	.cake .column2-child2:nth-of-type(1){
		padding-right: 3em;
	}
	
	.menuname {
		width: 15%;
	}
}

#access{
	padding: 11em;
}

#access .img img,
#access .access-text img{
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) and (max-width: 1050px){
	#access .column2{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	#access .column2{
		text-align: center;
	}

	#access .column2-child{
		width: 100%;
	}

	#access .access-text{
		margin-bottom: 3em;
	}
}

.googlemap-mh{
	line-height: 0;
}

.googlemap-mh iframe {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.hero2{
	position: relative;
}

.hero2-text1,
.hero2-text2,
.hero2-text3{
	position: absolute;
}

.hero2-text1{
    top: 20%;
    right: 13%;
	display: none;
}

.hero2-text2{
	top: 26%;
    left: 48%;
}

.hero2-text3{
    top: 30%;
    left: 15%;
	display: none;
}

@media screen and (min-width: 768px) and (max-width: 1050px){
	.hero2-text1 img,
	.hero2-text2 img,
	.hero2-text3 img{
		max-width: 100%;
		height: auto;
	}

	.hero2-text1{
		width: 2.5%;
	}

	.hero2-text2{
		width: 6.5%
	}

	.hero2-text3{
		width: 2.5%;
	}
}

#page-top.mh{z-index: 10000;}