@charset "UTF-8";
footer#sitefoot {
	padding-bottom: 3em;
}
#sitefoot .shortcut {
	padding: 2.4em 0;
}
#sitefoot .shortcut a {
	display: inline-block;
	margin: 0 0.6em;
}
#sitefoot .shortcut a > img {
	width: auto;
	height: 2em;
}
#sitefoot .shortcut a:hover {
	opacity: 0.6;
}
#sitefoot .elm {
	text-align: center;
}
#sitefoot .lgm-wrap {
	text-align: center;
	padding: 1em 0;
}
#sitefoot a.lgm {
	display: inline-block;
	width: 6em;
}
#sitefoot a.lgm > img {
	width: 100%;
	height: auto;
	max-height: 64px;
}
#sitefoot small {
	margin-top: 1em;
	display: block;
	font-size: 8px;
	line-height: 1em;
	color: #adadad;
}
#sitefoot .controls {
	position: fixed;
	z-index: 1;
}
#sitefoot .pagetop {
	display: inline-block;
	position: fixed;
	z-index: 10;
	right: 0;
	padding-right: 2em;
	padding-bottom: 2.6em;
	/*bottom: 44px;*/ /* fallback for enviroment can't use calc & env function */
	/*bottom: calc(env(safe-area-inset-bottom) + 44px);*/
	bottom: 0;
	opacity: 0.0;
	transform: translateY(-2em);
	transition: all 1s;
	transition-delay: inherit;
}
#sitefoot .pagetop > img {
	width: 2em;
	height: auto;
}
[data-ispagescrolled="true"] #sitefoot .pagetop {
	opacity: 1.0;
	transform: translateY(0em);
}

#sitefoot .menus {
	padding-top: 6em;
	padding-bottom: 1em;
}
#sitefoot .menus a {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 1em;
	display: inline-block;
	padding: 0.8em 0.8em;
	color: #000;
}

/**/
#sitefoot {
	background-color: var(--color-bg-04);
	padding: 90px 0 70px;
	text-align: left;
	padding-left: var(--base-padding-side);
	padding-right: var(--base-padding-side);
}
	#sitefoot > div {
		max-width: var(--page-wrap-width);
		margin-left: auto;
		margin-right: auto;
	}
		#sitefoot .ft_area_1 {
			margin-bottom: 60px;
		}
		#sitefoot .ft_area_1 > .heading {
			color: #FFFFFF;
		}
		#sitefoot:not(.btn),
		body #sitefoot a:not(.btn){
			color: #FFFFFF;
		}
#sitefoot .googlemap iframe {
	border-radius: 13px;
	height: 315px;
}
#sitefoot .access_detail {
	margin-top: 35px;
	margin-bottom: 25px;
}
	#sitefoot .access_detail .btn {
		text-align: left;
	}
		#sitefoot .access_detail .btn-new-window {
			justify-content: left;
			font-size: 14px;
		}
#sitefoot .access_detail > div:first-of-type {
	margin-bottom: 40px;
	align-items: flex-end;
}
#sitefoot .btn::before {
	width: 40px;
	height: 40px;
}
#sitefoot .access_detail > div:last-of-type {
	margin-top: 40px;
}
	#sitefoot .access_detail > div:last-of-type .btn {
		height: 80px;
		padding-left: 60px;
		justify-content: left;
	}
		#sitefoot .access_detail > div:last-of-type .btn::after {
			width: 18px;
			height: 18px;
}
#sitefoot .contact_btn_gr .btn::after {
	width: 22px;
	height: 22px;
}
#sitefoot .access_detail > p:first-of-type {
	margin-bottom: 30px;
}
#sitefoot .access_detail .p-note {
	color: var(--color-btn-tertiary-bg);
}
#sitefoot .contact_btn_gr .btn {
	height: 90px;
}
	#sitefoot .contact_btn_gr .btn:first-of-type {
		margin-top: 35px;
		margin-bottom: 20px;
	}
#sitefoot .online_store {
	background-color: #FFFFFF;
	border-radius: 20px;
	margin-top: 40px;
}
	#sitefoot .online_store__wrapper {
		height: 100%;
		padding-left: 0;
	}
		#sitefoot .online_store__wrapper li::before {
			display: none;
		}
	#sitefoot .online_store__wrapper li {
		height: 100%;
		list-style-type: none;
	}
	#sitefoot .online_store__wrapper li:first-of-type {
		width: 45%;
		background-image: url(/share/im/_sumire/online_store.jpg);
		background-position: center;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		background-size: cover;
	}
	#sitefoot .online_store__wrapper li:last-of-type {
		width: 55%;
	}
	#sitefoot .online_store__content {
		display: flex;
		color: var(--color-primary);
		padding: 50px 20px 20px 30px;
	}
		#sitefoot .online_store__line {
			width: 50%;
			height: 2px;
			background-color: var(--color-border-light);
			margin: 20px 0;
		}
		#sitefoot .online_store__content .c-btn {
			margin: auto 0 0 auto;
			display: block;
			width: 50px;
			height: 50px;
		}
			#sitefoot .online_store__content .c-btn::after {
				width: 1.3em;
				height: 1.3em;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
#sitefoot .ft_area_2 {
	margin-bottom: 105px;
}
	#sitefoot .contact_btn_gr > .btn:first-child,
		#sitefoot .contact_btn_gr > .btn:first-child {
			margin-bottom: 15px;
		}
		#sitefoot .contact_box,
		#sitefoot .contact_box {
			border-top: 1.2px solid var(--color-border-pale);
			border-bottom: 1.2px solid var(--color-border-pale);
			padding: 20px 0;
			margin-top: 25px;
		}
			#sitefoot .contact_box > .left-icon,
			#sitefoot .contact_box > .left-icon {
				position: relative;
				font-size: 24px;
				margin-left: 35px;
			}
				#sitefoot .contact_box > .left-icon::before,
				#sitefoot .contact_box > .left-icon::before {
					width: var(--icon-l3);
					height: var(--icon-l3);
					top: 50%;
					left: -35px;
					transform: translate(0, -50%);
				}
#sitefoot .ft__menu {
justify-content: space-between;
}
	#sitefoot .submenu:not(:last-of-type) {
		margin-bottom: 80px;
	}
		#sitefoot .submenu_label {
			display: inline-block;
			padding-bottom: 20px;
			border-bottom: 1px solid var(--color-border-pale);
			width: 100%;
			font-weight: 500;
			font-size: 15px;
		}
		#sitefoot .submenu_list {
			margin-top: 24px;
			font-size: 14px;
		}
	#sitefoot .submenu_list li {
		margin-bottom: 10px;
	}
#sitefoot .sns_icon_gr {
	gap: 20px;
}
	#sitefoot .sns_icon_gr img {
		width: var(--icon-l3);
		height:  var(--icon-l3);
	}
.ft_area_3 p {
    font-size: 13px;
}
@media screen and (min-width: 1101px) {
	.br-tab {
		display: none;
	}
	/*#sitefoot .ft_area_1 > .heading {
		min-width: 27.8em;
	}*/
}
@media screen and (min-width: 951px) {
	#sitefoot .ft_area_1 {
		position: relative;
	}
		#sitefoot .ft_area_1 > p {
			position: absolute;
			bottom: 0;
			right: 0;
		}
		#sitefoot .ft_area_1 a {
			width: 50%;
			max-width: 400px;
			/*margin: 0 auto 35px;*/
		}
	#sitefoot .ft__access,
	#sitefoot .ft__menu {
		width: calc(50% - 20px);
		max-width: 560px;
	}
	#sitefoot .ft_area_2,
	#sitefoot .ft_area_3,
	#sitefoot .googlemap,
	#sitefoot .access_detail,
	#sitefoot .contact_btn_gr,
	#sitefoot .online_store,
	#sitefoot .access_detail > div,
	#sitefoot .access_detail > p,
	#sitefoot .contact_box,
	#sitefoot .contact_box > div,
	#sitefoot .contact_box > a,
	#sitefoot .googlemap iframe {
		width: 100%;
	}
		#sitefoot .access_detail > div > p,
		#sitefoot .access_detail > div > a,
		#sitefoot .menu_left,
		#sitefoot .menu_right  {
			width: calc(50% - 20px);
			max-width: 260px;
		}
			#sitefoot .btn {
				width: 100%;
			}
}
@media screen and (max-width: 1150px) {
	#sitefoot .access_detail > div > p,
	#sitefoot .access_detail > div > a {
		width: 100%;
		max-width: 100%;
	}
	#sitefoot .access_detail > div:first-of-type > a {
		width: 100%;
		justify-content: left;
		margin-top: 0;
		margin-bottom: 20px;
	}
	#sitefoot .access_detail > div:first-of-type > p {
		margin-bottom: var(--csec-section-smp-margin-1);
	}
	#sitefoot .access_detail > div:last-of-type > a:first-of-type {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 950px) {
	#sitefoot {
		text-align: center;
		max-width: var(--page-wrap-width);
		padding-left: var(--share-smp-padding);
		padding-right: var(--share-smp-padding);
	}
		#sitefoot .ft__menu {
			text-align: left;
		}
	footer#sitefoot {
		padding-bottom: 130px;
	}
	#sitefoot .ft_area_1 p,
	#sitefoot .ft__access,
	#sitefoot .ft__menu,
	#sitefoot .ft_area_2,
	#sitefoot .ft_area_3,
	#sitefoot .googlemap,
	#sitefoot .access_detail,
	#sitefoot .contact_btn_gr,
	#sitefoot .online_store,
	#sitefoot .access_detail > div,
	#sitefoot .access_detail > p,
	#sitefoot .contact_box,
	#sitefoot .contact_box > div,
	#sitefoot .contact_box > a,
	#sitefoot .googlemap iframe,
	#sitefoot .access_detail > div > p,
	#sitefoot .access_detail > div > a,
	#sitefoot .btn {
		width: 100%;
	}
		#sitefoot .menu_left,
		#sitefoot .menu_right  {
			width: calc(50% - 7.5px);
		}
	#sitefoot .ft_area_1 {
		margin-bottom: 35px;
	}
		#sitefoot .ft_area_1 a {
			width: 90%;
			max-width: 400px;
			margin: 0 auto 35px;
		}
	#sitefoot .ft_area_2 {
		margin-bottom: 65px;
	}
	#sitefoot .access_detail {
		margin-top: 25px;
		margin-bottom: 0;
	}
	#sitefoot .access_detail > div:first-of-type {
		margin-bottom: 0;
	}
	#sitefoot .access_detail > div > p,
	#sitefoot .access_detail > div:first-of-type > .btn {
		margin-bottom: 20px;
	}
	#sitefoot .access_detail > div > .btn:first-of-type,
	#sitefoot .contact_box .btn:first-of-type {
		margin-bottom: 13px;
	}
	#sitefoot .access_detail > div:last-of-type .btn,
	#sitefoot .contact_btn_gr .btn {	
		height: 60px;
	}
	#sitefoot .access_detail a br {
		display: none;
	}
	#sitefoot .ft__menu {
		margin-top: 65px;
	}
	#sitefoot .access_detail .flexbox.space-between:last-of-type {
		margin-top: 20px;
	}
	#sitefoot .contact_box {
		margin-top: 30px;
	}
	#sitefoot .online_store {
		margin-top: 25px;
	}
	#sitefoot .online_store__content {
		padding: 13px 13px 13px 22px;
		text-align: left;
		height: 100%;
	}
	#sitefoot .online_store__content > div:first-child {
		margin-top: 1em;
	}
		#sitefoot .online_store__content .c-btn {
			width: 28.5px;
			height: 28.5px;
		}
			#sitefoot .online_store__content .c-btn::after {
				width: 1em;
				height: 1em;
			}
	#sitefoot .online_store__line {
		margin: 0.6em 0;
	}
	#sitefoot .online_store__content h2 {
		margin-bottom: 0.5em;
	}
	#sitefoot .ft_area_3 {
		justify-content: center;
	}
		#sitefoot .sns_icon_gr {
			margin-bottom: 26px;
			width: 100%;
			justify-content: center;
		}
			#sitefoot .sns_icon_gr img {
				width: 44px;
				height: 44px;
			}
	#sitefoot .access_detail .btn-new-window {
		width: 80%;
		margin-left: 10%;
		margin: 10%;
	}
	#sitefoot .online_store .online_store__text {
		font-size: 13px;
	}
	#sitefoot .online_store h2 {
		font-size: 18px;
	}
	#sitefoot .online_store .online_store__line {
		margin: 0.3em 0;
	}
}
@media screen and (max-width: 750px) {
	#sitefoot .access_detail .btn-new-window {
		font-size: 13px;
	}
	#sitefoot .submenu_label {
		font-size: 12.5px;
	}	
	#sitefoot .submenu_list li a {
		font-size: 12px;
	}
	#sitefoot .btn::before {
		width: 32.5px;
		height: 32.5px;
	}
		#sitefoot .access_detail > div:last-of-type .btn {
			justify-content: center;
		}
			#sitefoot .access_detail > div:last-of-type .btn::after,
			#sitefoot .contact_btn_gr .btn::after {
				width: 16px;
				height: 16px;
			}
	.ft_area_3 p {
		font-size: 11px;
	}
}
#sitefoot .menus a,
#sitefoot .submenu_list li a {
	color: #FFFFFF;
}
#sitefoot .menus a:hover,
#sitefoot .submenu_list li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#sitefoot .menus a:active,
#sitefoot .submenu_list li a:active,
#sitefoot .menus a:focus,
#sitefoot .submenu_list li a:focus {
	color: var(--color-btn-tertiary-bg);
}

/**/
#sitefoot .ft_area_1 .logo_only {
	max-height: 79px;
}
@media screen and (max-width: 1150px) {
	#sitefoot .access_detail > div:last-of-type .btn {
        justify-content: center;
		text-align: center;
		padding-left: 20px;
		padding-right: 20px;
    }
	#sitefoot .access_detail .btn .only-wide {
        display: none;
    }
}
@media screen and (max-width: 950px) {
	
}
@media screen and (max-width: 750px) {
	#sitefoot .ft_area_1 .logo_only {
		max-width: 80%;
	}
}
/**/
@media screen and (min-width: 350px) {
	.br-small {
		display: none;
	}
}


#sitefoot .bnr_gr{
	margin-top: 6em;
	width: 100%;
}
#sitefoot .bnr_gr div{
	margin-bottom: 1.5em;
}
#sitefoot .bnr_gr source, #sitefoot .bnr_gr img{
	width: 100%;
}
#sitefoot .bnr_gr div:last-child{
	margin-bottom: 0;
}
#sitefoot .bnr_gr .bnr-box{
	border-radius: var(--border-radius-medium);
	overflow: hidden;
}
#sitefoot .bnr_gr a{
	transition: 0.4s;
}
#sitefoot .bnr_gr a:hover, #sitefoot .bnr_gr a:focus{
	opacity: .8;
}