/*
Theme Name: furuimachinami theme
Author: DATADISK
Version: 1.01
*/

.selector-for-some-widget {
    box-sizing: content-box;
}

/***html,bodyタグの設定***/
html {
  visibility: hidden;
	font-size: 10px;/*デフォルトfontsizeを10pxに設定(10px=1rem) */
}
html.wf-active, html.loading-delay {
  visibility: visible;

}

/***共通設定***/
html,body {	
	margin: 0;
	padding: 0;
	min-height: 95vh;
	width: 100%;
	overflow-x: hidden;
}

body {
	/***font***/
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
	font-weight: 300;
	color: #60291F;
	text-align: center;
}

a {
	color: #60291F;
	text-decoration: none;
}

a:hover {
	color: #60291F;
	text-decoration: none;
}

h1 {
	padding: 0px;
	margin: 0px;
}

h2 {
	letter-spacing: 0.5em;
	font-size: 2.6em;
	font-weight: 300;
}

section {
	margin-bottom: 5%;
}

.container{
	padding: 0 3em;
}

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

/***header***/
.pc-bar {
	max-width: 1140px;
	margin: 0 auto;
	height: auto;
	justify-content: center;
	align-items:flex-end;
	padding-top: 36px;
	position: relative;
}

.language {
	position: absolute;
	top: 42px;
	left: 960px;
}

.language .btn {
	color: #60291F;
	background-color: #FFFFFF;
}

/**PC navi**/
.image-logo {
	margin: 0 80px;
}

/*.image-logo img {
	width: 120px;
}*/

ul.pc-menu {
	font-size: 1.2em;
	letter-spacing: 0.3em;
	padding: 0 0 1rem 0;
}

ul.pc-menu li {
	display: inline-block;
	text-decoration: none;
	width: 31%;
}

ul.pc-menu li a {
    color: #60291F;
}

ul.left-menu {
	width: 39%;
	text-align: right;
}

ul.right-menu {
	width: 39%;
	text-align: left;
}


/**スクロール後のnavi**/

.site-header {
    justify-content: space-between;
    padding: 20px;
    width: 100%;
}
.header-change {
    justify-content: space-between;
    padding: 0px;
    position: fixed;
    top: -100px;
    transition: .5s;
    width: 100%;
	z-index: 3;
}
.header-change.show {
	background-color: #FFFFFF;
	top: 0;
}

.pc-bar-small {
	max-width: 1140px;
	margin: 0px auto;
	height: 75px;
	justify-content: center;
	align-items: center;
	position: relative;
}

.image-logo-small {
	margin: 20px 80px;
}

.image-logo-small img {
	width: 120px;
}

ul.pc-menu-small {
	font-size: 1.2em;
	letter-spacing: 0.3em;
	padding: 0 0 0.1rem 0;
}

ul.pc-menu-small li {
	display: inline-block;
	text-decoration: none;
	width: 31%;
}

ul.pc-menu-small li a {
    color: #60291F;
}

.language-small {
	position: absolute;
	top: 20px;
	left: 27px;
}

/**モバイルのnavi*/

.mob-bar {
	padding: 2rem 0;
}

.logo-mob {
	width: 20rem;
	margin: 0 auto;
}

.logo-mob img {
	/*width: 120px;*/
	height: auto;
}

/**スクロール後のモバイルのnavi small**/

.mob-bar-small {
	background-color: #FFFFFF;
	height: 8rem;
	padding-top: 1rem;
}

#nav-drawer {/*ハンバーガーアイコンの位置*/
  position: absolute;
	top: 3.3rem;
	left: calc(50% - 230px);
	z-index: 1050;
}

#nav-drawer ul {
	list-style: none;
	font-size: 1.6rem;
	padding-left: 20px;
}

#nav-drawer ul li {
	margin-bottom: 35px;
}

#nav-drawer ul li a {
	color: #000000;/*ドロワー内文字色*/
	text-decoration: none;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display: none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	vertical-align: top;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 2px;/*アイコンの線の太さ*/
	width: 2.7em;/*アイコンの線の長さ*/
	/*border-radius: 3px;*/
	background: #60291F;/*アイコンの色*/
	display: block;
	content: '';
	cursor: pointer;
}

#nav-open span {
	
}

#nav-open span:before {
	bottom: -5px;
}

#nav-open span:after {
	bottom: -10px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 180px;/*ドロワーの最大幅（調整してください）*/
	height: 100%;
	background: #ffffff;/*ドロワーの背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/***main***/
#main {
	margin-top: 9rem;
	width: 100%;
}

#shop-art {
	text-align: center;
}

#shop-art img {
	width: 100%;
	height: auto;
}

#shop-img .col {
	padding: 12px;
}

/***footer***/
#footer {
	font-size: 1rem;
	bottom: 0px;
	width: 100%;
	padding: 0;
}

ul.social-icon {
	width: 100%;
	padding: 8.2rem 0 0 0; 
}

ul.social-icon li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 12px;/*iconの間隔*/
	padding: 0;
}

ul.social-icon li a {
	display: block;
	text-decoration: none;
	color: #60291F;
}

ul.social-icon li img{
	height: 17px;
}

.copyright {
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	letter-spacing: 0.2em;
	color: #808080;
	margin: 2rem 0 6rem 0;
}

/*ipad設定*/

@media screen and (max-width: 1200px) {
	/*店舗 991*/
	}
@media screen and (max-width: 991px) {
	body {
		font-size: 1.008vw;
	}

	.language-small {
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	.copyright {
		font-family: neue-haas-grotesk-text, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1rem;
		letter-spacing: 2px;
		color: #808080;
		margin: 1.2em 0 3.1em 0;
	}
}

/*mobile設定*/

@media screen and (max-width: 767px) {
	
	body {
		font-size: 1.303vw;
	}

	/***footer***/
	#footer {
		font-size: 1.4em;
		bottom: 0px;
		width: 100%;
		padding: 0;
	}
	
	.copyright {
		font-family: neue-haas-grotesk-text, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1rem;
		letter-spacing: 0.2em;
		color: #808080;
		margin: 2.4em 0 6.1em 0;
	}
	/***ここまでfooter***/
	
	/***main***/
	#main {
		margin-top: 0;
		font-size: 1.5em;
	}
	
	h2 {
		letter-spacing: 0.3em;
		font-size: 1.6em;
		font-weight: 300;
	}
	
	.language {
		position: absolute;
		top: 1rem;
		right: 6rem;
		transform: translateX(50%);
	}

	.copyright {
		font-family: neue-haas-grotesk-text, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 0.8rem;
		letter-spacing: 0.1em;
		color: #808080;
		margin: 1.8em 0 6.8em 0;
	}
}

@media screen and (max-width: 576px) {
	
	body {
		font-size: 1.736vw;
	}

	.container {
		padding: 0 3em;
	}

	#nav-drawer {/*ハンバーガーアイコンの位置*/
		position: absolute;
		top: 3.3em;
		left: calc(50% - 25em);
		z-index: 1050;
	}
	
	#nav-drawer-small {
		position: absolute;
		top: 2em;
		left: calc(50% - 25em);
		z-index: 1050;
	}
	
	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
		width: 3.3em;/*アイコンの線の長さ*/
	}
	
	.accord-header {
		border-top: solid 1px #c8ada4;
		border-bottom: solid 1px #c8ada4;
		/*height: 7.6rem;*/
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		min-height: 100px;
	}
	
	.accord-header-2 {
		margin-top: -1px;
		border-top: solid 1px #c8ada4;
		border-bottom: solid 1px #c8ada4;
		/*height: 7.6rem;*/
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		min-height: 100px;
	}
	
	.accord-header h3 {
		font-size: 1.4em;
		letter-spacing: 0.2em;
		line-height: 2.2rem;
		margin-bottom: 0;
		font-weight: 300;
		color: #60291F;
	}
	
	.accord-header-2 h3 {
		font-size: 1.4em;
		letter-spacing: 0.2em;
		line-height: 2.2rem;
		margin-bottom: 0;
		font-weight: 300;
		color: #60291F;
	}
	
	.ryouri-menu .collapsed::after {
		content: '➤';
		position: absolute;
		right: 37px;
		margin-top: 0px!important;
	}
	
	h3 .collapsed::after {
		content: '➤';
		position: absolute;
		right: 37px;
		margin-top: 55px;
	}
	
	.tenpo section h3 {
		font-size: 1.4em;
		letter-spacing: 0.2em;
		line-height: 2.2rem;
		margin-top: 2rem;
		font-weight: 300;
		color: #60291F;
	}

	
	.tenpo {
		margin: 7.2em auto;
		width: 100%;
	}
	
	.tenpo-logo {
		margin: 0.6rem 0 2.5rem 0;
	}

	.tenpo section p {
		letter-spacing: 0.1rem;
		line-height: 2.2rem;
		margin-bottom: 0;
		margin-top: 3.4rem;
	}
	
	.tenpo-yoyaku h3 {
		font-size: 1em;
		letter-spacing: 0.3em;
		margin: 5rem 0;
		line-height: 30px;
	}
	
	.tenpo-tel {
		font-size: 1em;
		letter-spacing: 0.2em;
		margin: 3rem 0;
		line-height: 30px;
	}
	
	.tenpo-yoyaku {
		font-size: 1.4em;
		letter-spacing: 0.4em;
		margin: 7rem 0;
	}
	
	.tenpo-logo-ken {
		margin: 0.6rem 0 2.5rem 0;
	}
	
	.cancel-text {
		text-align: left;
		margin: 0 auto;
		width: 24.5rem;
		font-size: 0.8em;
	}
	
	.cancel-day {
		letter-spacing: 0.2em;
		margin-right: 1.4rem;
	}
	
	.wrap_new {
  	width: 100%;
	}
	
	.wrap_tate #sb_instagram .sbi_photo {
		height: 420px!important;
	}
}