@charset "utf-8";
#pageInLink{margin:0 auto;}
#pageInLink ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:0 auto;
}
#pageInLink ul li,
#pageInLink ul li a{
	display:block;
	line-height:1.0;
}
#pageInLink ul li:nth-child(-n+3){width:31.14285%;}
#pageInLink ul li:nth-child(n+4){
	/*width:47.142857%;*/
	width:31.14285%;
	margin-top:3.14285%;
}
#pageInLink ul li a{background-color:#ebe3ca;}
#pageInLink ul li a:hover{background-color:#ac2e44;}
#pageInLink ul li a svg{pointer-events:none;}
#pageInLink ul li a use{fill:#000524;}
#pageInLink ul li a:hover svg{opacity:1;}
#pageInLink ul li a:hover use{fill:#fff;}
.shopDataSec{
	position:relative;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row-reverse;
	text-align:left;
	line-height:1.538;
}
.shopDataSec .shopGallery,
.shopDataSec .galleryFrame{position:relative;}
.shopDataSec .galleryFrame{overflow:hidden;}
.shopDataSec .shopTtlInner{
	display:table;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	text-align:right;
}
.shopDataSec .shopTtlInner  > *{
	display:block;
	line-height:1.0;
}
.shopDataSec#temnoji .shopTtl .shopTtlInner *{
	font-size:0!important;
}
/*.shopDataSec#temnoji .shopTtl strong{
	transform:scaleY(0.8);
	transform-origin:center top;
}*/
.shopDataSec .shopPager{
	position:absolute;
	bottom:0;
	line-height:1.0;
}
.shopDataSec .shopPager .swiper-pagination-bullet{
	display:inline-block;
	margin:0;
	border:1px solid #fff;
	border-radius:50%;
	background-color:transparent;
	opacity:1;
}
.shopDataSec .shopPager .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;}
.shopDataSec .shopAddress,
.shopDataSec .shopData{width:100%;}
.shopDataSec > .shopGMapLink{display:inline-block;}
.shopDataSec .shopGMapLink a{
	display:block;
	border:1px solid #fff;
	background-color:#fff;
}
.shopDataSec .shopGMapLink a:hover{background-color:#000524;}
.shopDataSec .shopGMapLink a use{fill:#000524;}
.shopDataSec .shopGMapLink a:hover use{fill:#fff;}
@media screen and (max-width:767.98px){
	#pageInLink{
		padding-top:2.7%;
		margin-bottom:21.85%;
	}
	.shopDataSec{
		font-size:4.189vw;
		letter-spacing:0.135vw;
	}
	.shopDataSec .shopTtl strong{
		padding-top:1.622vw;
		font-size:6.351vw;
	}
	.shopDataSec:not([data-shop]) .shopTtl strong{letter-spacing:1.892vw;}
	.shopDataSec[data-shop] .shopTtl strong{letter-spacing:0.405vw;}
	.shopDataSec#temnoji .shopTtl .shopPref{margin-bottom:50px;}
	.shopDataSec .shopTtl .shopPref{
		margin-right:3.514vw;
		margin-left:-3.649vw;
		font-size:1.892vw;
		letter-spacing:0.676vw;
	}
	.shopDataSec:not([data-shop]) .shopTtl .shopPref{padding-bottom:1.622vw;}
	.shopDataSec .shopGallery{
		width:94.0559%;
		margin-right:-14.6853%;
	}
	.shopDataSec .shopAddress{
		margin-top:9.61538%;
		line-height:1.8;
	}
	.shopDataSec .shopGMapLink{
		width:45.1%;
		margin:3.67% auto 1.74825% 0;
	}
	.shopDataSec .orderReception{
		width:100%;
		margin-top:8.7412587%;
		padding:3.4965% 5.069%;
	}
	.shopDataSec .shopPager{left:-13.78378vw;}
	.shopDataSec .shopPager .swiper-pagination-bullet{
		width:2.432vw;
		height:2.432vw;
	}
	.shopDataSec .shopPager *+.swiper-pagination-bullet{margin-left:1.351vw;}
	.shopDataSec .shopData li{line-height:2.0;}
	.shopDataSec .shopData small{font-size:3.378vw;}
	.shopDataSec .shopData .shopDataCaution{font-size:2.8378vw;}
	.shopDataSec#temnoji .shopTtl{
		position:relative;
		width:13.6945vw;
	}
	.shopDataSec#temnoji .shopTtl:before{
		content:"";
		display:block;
		position:absolute;
		top:0;
		right:4vw;
		width:13.6945vw;
		height:49.162vw;
		background:url("../img/shop/temnoji-txt.svg") no-repeat center top;
		background-size:contain;
	}
}
@media screen and (min-width:768px){
	#shopPage{margin-top:90px;}
	#pageInLink{margin-bottom:115px;}
	#pageInLink ul{width:78%;}
	section[data-bar]{
		margin-top:84px;
		padding-top:86px;
	}
	.shopDataSec{
		font-size:1.7rem;
		letter-spacing:0.22rem;
	}
	.shopDataSec .shopGallery{width:77.777%;}
	.shopDataSec .shopTtl{margin:0 -4px 0 4px;}
	.shopDataSec .shopTtl strong{font-size:3.8rem;}
	.shopDataSec:not([data-shop="long"]) .shopTtl strong{
		padding-top:44px;
		letter-spacing:1.1rem;
	}
	.shopDataSec[data-shop="long"] .shopTtl strong{
		padding-top:13px;
		letter-spacing:0.22rem;
	}
	.shopDataSec#temnoji .shopTtl .shopPref{margin-bottom:74px;}
	.shopDataSec .shopTtl .shopPref{
		margin-right:21px;
		font-size:1.2rem;
		letter-spacing:0.36rem;
	}
	.shopDataSec:not([data-shop="long"]) .shopTtl .shopPref{padding-bottom:8px;}
	.shopDataSec[data-shop="long"] .shopTtl .shopPref{padding-bottom:3px;}
	.shopDataSec .shopPager .swiper-pagination-bullet{
		width:15px;
		height:15px;
	}
	.shopDataSec .shopPager *+.swiper-pagination-bullet{margin-left:14px;}
	.shopDataSec .shopPager{
		padding-left:8%;
		left:-28.571428%;
	}
	.shopDataSec .shopAddress,
	.shopDataSec .shopData{padding-left:6.5555%;}
	.shopDataSec .shopData small{font-size:1.3rem;}
	.shopDataSec .shopAddress{margin-top:6.666%;}
	.shopDataSec .shopGMapLink{
		width:21.333%;
		margin-top:-4.666%;
	}
	.shopDataSec .shopData{
		margin-top:0.555%;
		line-height:2.0;
	}
	.shopDataSec .orderReception{
		width:55.555%;
		margin:4.222% auto 0;
		padding:2% 3.777%;
	}
	.shopDataSec#temnoji .shopTtl .shopTtlInner{
		width:71px;
		height:304px;
		background:url("../img/shop/temnoji-txt.svg") no-repeat center top;
		background-size:contain;
	}
}