@charset "UTF-8";

/* ---------------------------------------*/
/* shop */
/* ---------------------------------------*/


/* content inner */

.content_inner {
	width: 710px;
	margin: 0 auto;
	padding: 0 250px 0 0;
}

.content_inner:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}



.shop_logo {
	border-top: 1px solid #212121;
	min-height: 200px;
	font-weight: normal;
	text-align: center;
	line-height: 200px;
}

.shop_logo a {
	display: block;
	color: #212121;
	text-decoration: none;
}

.shop_logo .image {
	display: inline-block;
	*display: block;
	*zoom: 1;
	vertical-align: middle;
}

.shop_logo img {
	width: 50px;
	height: 43px;
	vertical-align: middle;
}

.shop_logo .text {
	display: inline-block;
	*display: block;
	*zoom: 1;
	margin: 0 0 0 5px;
	max-width: 130px;
	text-align: left;
	vertical-align: middle;
	line-height: 1.2;
}

.page_title .shopname {
	margin: 0 0 0 3em;
	font-weight: bold;
	font-size: 47%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: normal;
}



.shopcontent_title {
	margin: 0 0 40px;
	color: #666;
	font-size: 200%;
	font-family: 'Crimson Text', 'EB Garamond', serif;
	font-weight: normal;
	line-height: 1.3;
	letter-spacing: .1em;
}

.shopcontent_title .sub {
	display: block;
	font-size: 50%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: normal;
}




/* ---------------------------------------*/
/* top */
/* ---------------------------------------*/

.shopimage {
	margin: 0 0 40px;
}

.shopimage-comingsoon {
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 1.4915966386 / 1;
	font-size: calc((20 * 100 / 14) * 1%);
}

.shopimage .bx-viewport {
	margin: 0 0 14px;
}

.shopimage .bx-pager {
	text-align: center;
}

.shopimage .bx-pager-item {
	display: inline-block;
	*display: block;
	*zoom: 1;
	margin: 0 7px;
}

.shopimage .bx-pager-link {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	background: url(/img/index/ico_pager.png) no-repeat;
}

.shopimage .bx-pager-link.active {
	background: url(/img/index/ico_pager_cu.png) no-repeat;
}

.concept_text {
	margin: 30px 0;
	color: #666;
	font-size: 121%;
	text-align: center;
}

.block_news {
	margin: 50px 0 30px;
}

.title_news {
	margin: 0 0 5px;
	padding: 8px 15px;
	color: #666;
	font-weight: normal;
	background: #f2f2f2;
}

.list_news {
}

.item_news {
	padding: 10px 15px;
	border-bottom: 1px solid #ccc;
}

.item_news .date {
	color: #666;
	font-size: 93%;
}

.item_news .text {
	font-size: 129%;
	font-weight: bold;
}


.block_shopinfo {
	padding: 6px;
	background: #f2f2f2;
}

.title_shopinfo {
	margin: 5px 0 10px;
	padding: 0 10px;
	color: #666;
	font-weight: bold;
}

.list_shopinfo {
	position: relative;
	background: #fff;
}

.list_shopinfo .term {
	position: absolute;
	width: 7em;
	padding: 10px 1em;
	color: #999;
	font-weight: bold;
	border-top: 1px solid #e6e6e6;
}

.list_shopinfo .desc {
	padding: 10px 1em 10px 9.5em;
	border-top: 1px solid #ccc;
}

.list_shopinfo .term:first-child,
.list_shopinfo .term:first-child + .desc {
	border-top: none;
}



/* ---------------------------------------*/
/* access */
/* ---------------------------------------*/

.block_accessinfo {
	float: left;
	width: 316px;
}

.block_accessinfo .tel {
	font-size: 200%;
}

.block_map {
	float: right;
	width: 374px;
}



/* ---------------------------------------*/
/* staff */
/* ---------------------------------------*/

.list_shopstaff {
	margin: 0 0 0 -40px;
	line-height: 1.3;
	letter-spacing: -.4em;
}

.item_shopstaff {
	display: inline-block;
	*display: block;
	*zoom: 1;
	width: 210px;
	margin: 0 0 30px 40px;
	vertical-align: top;
	letter-spacing: normal;
}

.item_shopstaff .image {
	margin: 13px 0;
}

.item_shopstaff .image-comingsoon {
	display: flex;
	justify-content: center;
	align-items: center;
	aspect-ratio: 0.8333333333 / 1;
	font-size: calc((16 * 100 / 14) * 1%);
}

.item_shopstaff .image img {
	width: 100%;
	height: auto;
}

.item_shopstaff .post {
	margin: 5px 0;
	font-size: 71%;
	font-weight: bold;
}

.item_shopstaff .name {
	margin: 5px 0 12px;
	font-weight: bold;
	font-size: 93%;
}

.item_shopstaff .name .alphabet,
.item_shopstaff .name .position {
	display: block;
	font-size: 79%;
	font-weight: normal;
}

.list-skill {
    margin: 0 0 12px 10px;
    font-size: 93%;
}

.list-skill__item {
    margin: 0 0 3px;
    text-indent: -10px;
}

.list-skill__dot {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -2px 6px 0 0;
    border-radius: 100px;
    background: #dcb046;
    vertical-align: middle;
}

.item_shopstaff .message {
	margin-top: 10px;
}
