#productmain,
#shoplistmain,
#shoplist,
#craftman,
.column{
    background: url(../img/column_hr.svg) no-repeat bottom;
}

figure{
	display: block;
}
.left{
	text-align: left !important;
}




header a{
	display: block;
}
#wrapper{
	position: inherit;
}

.temptop-mv{
	position: relative;
	margin-bottom: 10vw;
	transition: 2s;
}

.blr{
/*	filter: blur(10px);*/
/*	opacity: 0;*/
/*	transform :translate(0%, -10%);*/
}

.temptop-mv-mv-wra{
	height: 90vh;
	width: calc(100vw - 10vh);
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	margin: 5vh;
}
#temptop-mv-cover{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(123, 102, 93, 0.8);
	z-index: 2;
	mix-blend-mode: hard-light;
}
.temptop-mv p{
	font-size: 6vw;
	text-align: center;
	display: block;
	transform :translate(-50%, -50%);
	top: 50%;
	left: 50%;
	position: absolute;
	line-height: 1.3;
	white-space: nowrap;
	z-index: 3;
	color: white;
	transition: none;
}
.w95vh{
	padding-left: 5vh;
	padding-right: 5vh;
	width: 100%;
	box-sizing: border-box;
}




#slideshow{
	height: 90vh;
	position: absolute !important;
}



.flex{
	display: flex !important;
}
.temptop-old-photo{
	justify-content: space-between;
}
.temptop-old-photo > *{
	width: 33%;
	box-sizing: border-box;
}
.temptop-old-photo-bw{
	mix-blend-mode: multiply;
	transition: 1s;
	opacity: 0;
}
.temptop-old-photo-bw.active{
	opacity: 1;
}

.temptop-breads .flex,
.temptop-shops .flex{
	justify-content: space-around;
	flex-wrap: wrap;
	align-content: ;
}

.temptop-breads .flex > div,
.temptop-shops .flex > div{
	width: 27%;
}
.temptop-breads .flex > div:nth-of-type(n+4),
.temptop-shops .flex > div:nth-of-type(n+4){
	margin-top: 7vw;
}
.temptop-breads img{
	margin-bottom: 1em;
}
.flex figure img{
	width: 100%;
	display: block;
	line-height: 0;
}
.flex > div{
	box-sizing: border-box;
}
.temptop-breads .flex > div p,
.temp-media .flex > div p{
	text-align: justify;
}
 


body.temptop{
	line-height:2;
	font-family: 'source-han-serif-japanese', 'Noto Serif JP', "游明朝体 Medium", "Yu Mincho Medium", "游明朝体", YuMincho, "Hiragino Mincho Pro", serif;
    font-size: calc(60% + 1vw);
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    font-feature-settings: "liga"0, "palt";
	font-weight: 400;
	background:#F7F0E6;
}
body:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	position:fixed;
	width:100vw;
	height:100vh;
	background-image: radial-gradient(circle at top center, #FFFAF3 80vh, #C9BBA8);
}
.owner #shoplistmain h1{
	line-height: 1.5;
	font-size:190%;
	font-weight: 400;
	margin-top: 0;
	
}
.owner #shoplistmain h1,
.owner #shoplistmain h1 + p{
	margin-bottom: 4vw;
}
h2, h3, h4, h5{
	font-weight: normal;
	line-height: 1.6;
}
h3{
	font-size:140%;
	margin-bottom: .6em;
}
h5{
	margin-bottom: 1em;
	font-size: 100%;
}
.owner section h2{
	margin-bottom: 7vw;
}
.owner section p, .owner #shoplistmain p{
	font-size: 100%;
	font-weight: 400;
}


.firstsectiononpages{
	width: 70%;
}
#shoplistmain p, #recruit p, #shoplist p, #philosophy p{
	width: inherit;
}
#productmain, #shoplistmain, #shoplist, #craftman, .column{
	padding-bottom: 20vw;
	background-position: center bottom 5vw;
}
.lastnohr{
	padding-bottom: 5vw;
}
.firstsectiononpages .indexmain {
    padding-bottom: 0;
}


.temp-shops-sec{
	margin-bottom: 10vw;
}
.temptop-shops {
	text-align: center;
}
.temptop-shops h3{
	text-align: center;
	margin-bottom: 2em;
	
}


/*ショップBGどうする*/
.w100{
	margin: 0 !important;
}
.temptop-shops .flex{
	justify-content: center;
}
.temptop-shops .flex > div{
	background: rgba(255, 255, 255, 0.2);
	padding: 9vh;
	width: 33.3%;
	flex-basis: 1;

	box-sizing: border-box;
	margin-top: 0 !important;
}
.temptop-shops .flex > div:nth-of-type(2n){
	background: rgba(244, 237, 229, 0.4);
}
.temptop-shops .flex > div:nth-of-type(4n){
	background: rgba(255, 248, 238, 0.8);
}


.temptop-shops figure{
	margin-bottom: 1em;
}
.temptop-shops h4{
	margin-bottom: 1em;
	text-align: center;
	line-height: 1;
	font-size: 100%;
}
.temptop-shops h4 img{
	max-width: 100%;
	height: 6vw;
}
.temptop-shops .flex p{
	margin-bottom: 0;
	font-size: 79%;
}
.temptop-shops address{
	font-size: 77%;
	font-style: normal;
	margin-bottom: 1em;
}
.temptop-shops address i{
	font-size: 80%;
	margin-right: .5em;
}
.sns{
	list-style: none;
	margin: 0;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	
}
.sns li a{
	padding: 15px;
	font-size: 30px;
	display: inline-block;

	color: inherit;
	line-height: 1;
	min-width:60px;
	min-height:60px;
	box-sizing: border-box;
	border-radius: 50px;
	text-align: center;
	font-weight: normal;
	
	background:#e8e0d5;
	vertical-align: middle;
	
}
.sns li:nth-of-type(1) a{
	font-size: 45px;
	min-width:75px;
	min-height:75px;
}
.sns li i{
	
}

.sns li a:hover,
.btn:hover,
.ac.btn-sp:hover{
	transform: scale3d(1.1,1.1,1.1);
	box-shadow: 0 10px 30px #7e715f;
	background: rgba(255, 255, 255, 0.5);
	color: #422628;
	text-decoration: none;
	
}


.temp-media .flex{
	align-content: center;
	align-items: center;
}
.temp-media .flex > div{
	width: 70%;
	padding: 10vh 15vh 10vh 10vh;
}
.temp-media .flex > div *{
	text-align: left;
}
.temp-media h2{
	margin-top: 0 !important;
}
.btn{
	display: inline-block;
	padding: .5em 1.6em;
	color: inherit;
	background:#e8e0d5;
	border-radius: 2em;
	text-decoration: none;
	font-weight: normal;
}
.btn-sp{
	display: inline-block;
	background:#ede9e9;
	border-radius: 5px;
}
.btn-sp img{
	display: block;
	width: 100%;
}



.temp-others h2{
	text-shadow: 1px 1px 2px #f9f4ef;
	font-size: 150% !important;
	margin-top: 0 !important;
	text-align: left !important;
	margin-bottom: 1.7em !important;
}
.temp-others .flex > div{
	padding: 0 10vh;
	width: 50%;
}



/*ipad pro10.5  landscape*/
@media all and (max-width:1112px) and (orientation:landscape) {
	.temptop-breads .flex{
		justify-content: space-between;
	}
	.temptop-breads .flex > div{
		width: 29%;
	}
	.temptop-shops .flex > div{
		padding: 5vh;
	}
}
/*portrait*/
@media all and (orientation:portrait) {
	body.temptop{
		font-size: calc(41% + 1vw);
	}
	.temptop-mv-mv-wra{
		height: 55vh;
	}

	#slides{
		height: 49vh;
	}
	.w95vh{
		padding-left: 3vh;
		padding-right: 3vh;
	}
	productmain, #shoplistmain, #shoplist, #craftman, .column{
		background-position: center bottom 2vw;
	}
	.temptop-shops .flex > div{
		padding: 3vh;
	}
	.sns li a{
		font-size: 20px;
		min-width:40px;
		min-height:40px;
		padding: 10px;
	}
	.sns li:nth-of-type(1) a{
		font-size: 30px;
		min-width:50px;
		min-height:50px;
	}
	.btn{
		padding: 10px 15px;
	}
	.temp-media .flex > div{
		padding: 0 7vh 0 2vh;
		width: 60%;
		box-sizing: border-box;
	}
	.temp-media .flex > figure{
		width: 40%;
		box-sizing: border-box;
	}
	.temp-others .flex > div{
		padding: 0 3vh;
	}
}