/* ==================================================
  /share/css/page.css
  => umbraコーポレートサイト下層ページ共通スタイルシート
　最終更新 2021.03.07
　編集者 a.kajiwara@crank-ry.com
================================================== */

.main {
	position: relative;
	padding-top: 125px;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.main {
		padding-top: 80px;
		padding-top: 21.33vw;
	}
}
.main + .footer {
	margin-top: 9.38vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
/* 下層ページヘッダー
==================================================================================================== */
.pageHeader {
	padding: 0 0 12.11vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageHeader {
		display: block;
		min-height: auto;
		padding: 0 0 14.49vw;
		padding: 0 0 19.2vw;
	}
}
.news .pageHeader,
.legal .pageHeader,
.reception .pageHeader {
	border-top: 1px solid #DEE2DE;
}
/* MV
============================================================ */
.pageHeader_pic {
	position: relative;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageHeader_pic::before {
		content: '';
		display: block;
		padding-top: 50%;
		padding-top: 65%;
	}
	.pageHeader_pic > img {
		display: block;
		position: absolute;
		object-fit: cover;
		object-position: center;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}
}
/* 
============================================================ */
.pageHeader_main {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin: 5.47vw 4.69vw 0;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageHeader_main {
		margin: 6.4vw 6.8vw 0;
		margin: 8.53vw 6.8vw 0;
	}
}
/* ページタイトル
---------------------------------------- */
.pageHeader_title {
	display: inline-block;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageHeader_title {
		width: auto;
	}
}
.cs .pageHeader_title,
.downloads .pageHeader_title {
	width: auto;
}
.pageHeader_title_primary {
	display: inline-block;
	font-size: 40px;
	font-weight: 200;
	letter-spacing: 0.14em;
	line-height: 1.0;
	text-transform: uppercase;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageHeader_title_primary {
		font-size: 6.93vw;
		letter-spacing: 0.12em;
		line-height: 1.35;
		margin-right: 1.95vw;
	}
}
.pageHeader_title_secondary {
	display: inline-block;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.06em;
	line-height: 1.0;
	margin-left: 1.95vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageHeader_title_secondary {
		font-size: 4.26vw;
		margin-left: 0;
    margin-top: 2.8vw;
	}
}
/* パンくずリスト
---------------------------------------- */
.breadcrumb {
}
.pageFooter {
	padding: 3.13vw 0;
	text-align: right;
}
.pageFooter .breadcrumb {
	display: inline-block;
	margin: 0 4.69vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageHeader .breadcrumb,
	.pageFooter .breadcrumb {
		display: none;
	}
}
/*.legal .pageFooter,
.reception .pageFooter {
	border-top: 1px solid #DEE2DE;
}*/
.breadcrumb_list {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.breadcrumb_list_item {
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.12em;
	line-height: 1.0;
	text-transform: uppercase;
}
.breadcrumb_list_item_link {
	position: relative;
	color: #666666;
	padding-right: 30px;
}
.breadcrumb_list_item_link::after {
	content: '';
	position: absolute;
	display: inline-block;
	right: 15px;
	top: 50%;
	width: 4px;
	height: 4px;
	border-top: 1px solid #3c4245;
	border-right: 1px solid #3c4245;
	transform: translate(30%,-50%) rotate(45deg);
	z-index: 0;
}
.breadcrumb_list_item_currentPage {
}
/* 下層ページコンテンツ
==================================================================================================== */
.pageContent {
	margin-bottom: 9.38vw;
	margin-bottom: 11.72vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent {
		margin-bottom: 19.2vw;
	}
}
.pageContent_intro {
	margin-bottom: 100px;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_intro {
		margin-bottom: 7.47vw;
	}
}
/* 大カテゴリーリスト
============================================================ */
.localCategory {
}
/* mobile用 */
@media screen and (max-width:768px) {
	.block_colbox.col3.localCategory {
		display: block;
	}
}
.localCategory_unit {
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.block_colbox_col.localCategory_unit {
	margin-top: 10.16vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.block_colbox.col3.localCategory .block_colbox_col.localCategory_unit {
		width: auto;
		margin-top: 10.16vw;
		margin-top: 22.4vw;
		margin-right: 0;
	}
	.block_colbox.col3 .block_colbox_col.localCategory_unit:first-child,
	.block_colbox.col3 .block_colbox_col.localCategory_unit:first-of-type {
		margin-top: 0;
	}
	.block_colbox.col3 .block_colbox_col.localCategory_unit:nth-child(2n),
	.block_colbox.col3 .block_colbox_col.localCategory_unit:nth-of-type(2n),
	.block_colbox.col3 .block_colbox_col.localCategory_unit:nth-child(3n),
	.block_colbox.col3 .block_colbox_col.localCategory_unit:nth-of-type(3n) {
		margin-top: 10.16vw;
		margin-top: 22.4vw;
	}
}
.localCategory_unitLink {
	display: block;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.localCategory_unitLink {
	}
}
.localCategory_unit_pic {
	position: relative;
  overflow: hidden;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.localCategory_unit_pic::before {
  content: '';
  display: block;
  padding-top: 100%;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.localCategory_unit_pic > img {
  display: block;
  position: absolute;
	object-fit: cover;
	object-position: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  z-index: 0;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.localCategory_unitLink:hover .localCategory_unit_pic > img {
	opacity: 0.5;
  transform: scale(1.15);
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.localCategory_unit_info {
	margin-top: 2.34vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.localCategory_unit_info {
		margin-top: 4.27vw;
		margin-top: 5.6vw;
	}
}
.localCategory_unit_info_title {
	font-size: 25px;
	font-weight: 200;
	line-height: 1.0;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.localCategory_unit_info_title {
		font-size: 4.8vw;
		font-size: 5.87vw;
		letter-spacing: 0.04em;
	}
}
.localCategory_unit_info_description {
	font-size: 15px;
	line-height: 1.0;
	margin-top: 0.78vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.localCategory_unit_info_description {
		font-size: 3.47vw;
		font-size: 3.2vw;
		font-size: 3.73vw;
		line-height: 1.35;
		margin-top: 2.4vw;
	}
}
.localCategory_unit_info_button {
	text-align: right;
	margin-top: 2.73vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.localCategory_unit_info_button {
		margin-top: 3.73vw;
		margin-top: 3.2vw;
	}
}
.localCategory_unitLink:hover .button_01::after {
	width: 0;
}
/* イメージギャラリー
============================================================ */
.workGallery_list {
	margin-top: 5.47vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.workGallery_list {
		display: block;
		margin-top: 14.93vw;
	}
	.block_colbox.col2 .block_colbox_col.workGallery_list_item {
		width: 100%;
	}
	.block_colbox.col2 .block_colbox_col.workGallery_list_item {
		margin-top: 7.47vw;
	}
	.block_colbox.col2 .block_colbox_col.workGallery_list_item:first-child,
	.block_colbox.col2 .block_colbox_col.workGallery_list_item:first-of-type {
		margin-top: 0;
	}
}
.workGallery_list_item_pic {
}
.workGallery_list_item_pic_link {
	display: block;
	position: relative;
  overflow: hidden;
	z-index: 0;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.workGallery_list_item_pic_link::after {
  content: '';
  display: block;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.workGallery_list_item_pic.landscape .workGallery_list_item_pic_link::after {
  padding-top: 75%;
}
.workGallery_list_item_pic.square .workGallery_list_item_pic_link::after {
  padding-top: 100%;
}
.workGallery_list_item_pic.portrait .workGallery_list_item_pic_link::after {
  padding-top: 133.33%;
}
.workGallery_list_item_pic_link > img {
  display: block;
  position: absolute;
	object-fit: cover;
	object-position: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  z-index: 0;
}
.workGallery_list_item_pic_link.-popup {
	cursor: default;
	pointer-events: none;
}
.workGallery_list_item_pic_link.popup:hover > img {
	opacity: 0.5;
  transform: scale(1.15);
}
.workGallery_list_item_pic_link.popup::before {
	content: '';
	display: inline-block;
	position: absolute;
	background-color: rgba(255,255,255,1);
	background-image: url(/share/im/icon_zoom.svg);
	background-repeat: no-repeat;
	background-size: 17px 17px;
	background-position: center center;
	bottom: 0;
	right: 0;
	width: 45px;
	height: 45px;
  transition: all 0.6s;
	z-index: 10;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.workGallery_list_item_pic_link.popup::before {
		display: none;
	}
}
.workGallery_list_item_pic_link.popup:hover::before {
	background-color: rgba(255,255,255,.7);
}
/* ディレクトリ内
　　ローカルナビゲーション
============================================================ */
.pageNav {
	background-color: #f6f5f5;
	padding: 6.25vw 0;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageNav {
		padding: 14.93vw 6.8vw;
	}
}
.pageNav_title {
	width: 960px;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0.14em;
	line-height: 1.0;
	text-transform: uppercase;
	margin: 0 auto;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageNav_title {
		width: auto;
		font-size: 5.07vw;
		font-size: 5.33vw;
		margin: 0 auto;
	}
}
.pageNav_list {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
	width: 960px;
	margin: 2.34vw auto 0;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageNav_list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: auto;
		margin: 8.67vw auto 0;
		margin: 0 -2.08%;
	}
}
.pageNav_list_item {
	width: 16.67%;
	margin-right: 4.16%;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageNav_list_item {
		width: 30.86%;
		width: 29.17%;
		margin-top: 8.67vw;
		margin-left: 2.08%;
		margin-right: 2.08%;
	}
}
.pageNav_list_item:last-child,
.pageNav_list_item:last-of-type {
	margin-right: 0;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageNav_list_item:last-child,
	.pageNav_list_item:last-of-type {
		margin-right: 2.08%;
	}
}
.work.wedding .pageNav_list_item.wedding,
.work.dress .pageNav_list_item.dress,
.work.direction .pageNav_list_item.direction,
.work.display .pageNav_list_item.display,
.work.lesson .pageNav_list_item.lesson,
.work.delivery .pageNav_list_item.delivery,
.about.concept .pageNav_list_item.concept,
.about.shop .pageNav_list_item.shop,
.about.company .pageNav_list_item.company {
	display: none;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.pageNav_list_itemLink {
	display: block;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.pageNav_list_itemLink:hover {
	opacity: 0.5;
}
.pageNav_list_item_pic {
	position: relative;
  overflow: hidden;
}
.pageNav_list_item_pic::before {
  content: '';
  display: block;
  padding-top: 100%;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.pageNav_list_item_pic > img {
  display: block;
  position: absolute;
	object-fit: cover;
	object-position: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.6s;
  z-index: 0;
}
.pageNav_list_itemLink:hover .pageNav_list_item_pic > img {
  transform: scale(1.15);
}
.pageNav_list_item_pic_title {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.0;
	margin-top: 1.17vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageNav_list_item_pic_title {
		font-size: 3.2vw;
		font-weight: 300;
		letter-spacing: 0.04em;
		margin-top: 2.13vw;
	}
}
/* ページ内リンクナビゲーション
============================================================ */
/* ページ内リンクナビゲーション 01
---------------------------------------- */
.pageContent_internalNav {
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_internalNav {
		margin-top: 7.47vw;
		margin-bottom: 7.47vw;
	}
}
.pageContent_internalNav_list {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-left: 1px solid #DEE2DE;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.pageContent_internalNav_list_item {
	width: 12.5vw;
	border-right: 1px solid #DEE2DE;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_internalNav_list_item {
		width: 30.86%;
		width: 33.33%;
	}
}
.pageContent_internalNav_list_item_link {
	display: block;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.14em;
	line-height: 1.0;
	text-align: center;
	text-transform: uppercase;
	padding: 1.17vw 0;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_internalNav_list_item_link {
		font-size: 3.47vw;
		padding: 3.2vw 0;
	}
}
.pageContent_internalNav_list_item_link:hover {
	color: #cccccc;
}
/* ページ内リンクナビゲーション 02
---------------------------------------- */
.pageContent_internalNav02 {
}
.pageContent_internalNav02_list {
}
.pageContent_internalNav02_list_item {
	padding: 0 0 1.17vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.pageContent_internalNav02_list_item_link {
	display: block;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.14em;
	line-height: 1.5;
	text-decoration: underline;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.pageContent_internalNav02_list_item_link:hover {
	text-decoration: none;
}
/* サイドバー
============================================================ */
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_sidebar {
		/*background-color: #f6f5f5;*/
		margin: 0 7.47vw 14.93vw;
		padding: 9.6vw 0;
		border-top: 1px solid #dee2de;
		border-bottom: 1px solid #dee2de;
	}
	.pageContent_sidebar .heading_01 {
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 7.47vw;
	}
}
/* SNSリンク
============================================================ */
.pageContent_snsLink {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_snsLink {
		margin-top: 5.6vw;
		margin-bottom: 5.6vw;
	}
}
.pageContent_snsLink_item {
	margin-left: 20px;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_snsLink_item {
		margin-left: 0;
		margin-right: 4.27vw;
	}
}
.pageContent_snsLink_item_link {
	display: block;
	width: 30px;
	height: 30px;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_snsLink_item_link {
		width: 8.53vw;
		height: 8.53vw;
	}
}
.pageContent_snsLink_item_link:hover {
	opacity: 0.5;
}
/* Aboutページ => /about/
==================================================================================================== */
.about .newsBlock {
	background-color: #f6f5f5;
}
/* Shopページ => /about/shop/
==================================================================================================== */
.pageContent_shopBlock {
	padding-top: 7.03vw;
	padding-bottom: 11.72vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_shopBlock {
		padding-top: 22.4vw;
		padding-bottom: 11.72vw;
	}
}
.pageContent_shopBlock#osaka {
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_shopBlock#osaka {
		padding-top: 0;
	}
}
.pageContent_shopBlock#tokyo {
	padding-bottom: 0;
}
/* mobile用 */
@media screen and (max-width:768px) {
}

/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_shopBlock_feature_content_inner {
		padding: 0 7.47vw;
	}
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_shopBlock_details {
		padding: 0 7.47vw;
	}
}
.pageContent_shopBlock_details_info {
	width: 28.13vw;
	width: 37.5%;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_shopBlock_details_info {
		width: auto;
	}
}
.pageContent_shopBlock_details_photo {
	width: 43.75vw;
	width: 58.33%;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_shopBlock_details_photo {
		width: auto;
		margin-top: 9.6vw;
	}
}
.pageContent_shopBlock_details_photo_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
/* mobile用 */
@media screen and (max-width:768px) {
}
.pageContent_shopBlock_details_photo_inner_item {
	width: 20.31vw;
}
/* mobile用 */
@media screen and (max-width:768px) {
	.pageContent_shopBlock_details_photo_inner_item {
		width: 48.15%;
	}
}