@charset "utf-8";
/* CSS Document */

/*
■対応パーツ■
・上部固定ナビ				#header_fixed
・スライドメニュー		　#navigation
・検索ボックス				#search-box
・PC用フッターメニュー	 #section_footer-menu

*/

/* 上部固定ナビ（#header_fixed）
----------------------------------------------------------------------------------------------------*/
#header_fixed {
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
}

#header_fixed .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 7.5rem;
	padding: 0 2.5rem;
	background: rgba(247, 247, 247, 0);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	transition: height 0.25s ease-in-out, background 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}

.is-scroll #header_fixed .wrap {
	background: rgba(247, 247, 247, 1);
	height: 6rem;
	box-shadow: 0 1rem 1.7rem rgba(0, 0, 0, 0.06);
}


/* #block_burgermenu */
#block_burgermenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1rem;
}

#block_burgermenu .burger-icon {
	position: relative;
	display: block;
	width: 2.5rem;
	height: 1.6rem
}

#block_burgermenu .burger-icon>span {
	position: absolute;
	width: 100%;
	height: 0.2rem;
	left: 0;
	transition: all 0.3s ease-in-out;
	background: #000;
}

#block_burgermenu .burger-icon>span:nth-child(1) {
	top: 0
}

#block_burgermenu .burger-icon>span:nth-child(2) {
	background: none;
	position: relative;
	top: 50%;
}

#block_burgermenu .burger-icon>span:nth-child(3) {
	bottom: 0
}

#block_burgermenu .burger-icon>span:nth-child(2):before,
#block_burgermenu .burger-icon>span:nth-child(2):after {
	position: absolute;
	content: "";
	display: block;
	width: 2.5rem;
	height: 0.2rem;
	margin-top: -0.1rem;
	background: #000;
	transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
}

.menu-active #block_burgermenu .burger-icon>span,
.menu-active #block_burgermenu .burger-icon>span:nth-child(2):before,
.menu-active #block_burgermenu .burger-icon>span:nth-child(2):after {
	background: #000 !important;
}

.menu-active #block_burgermenu .burger-icon>span:nth-child(1),
.menu-active #block_burgermenu .burger-icon>span:nth-child(3) {
	transform: translateY(0px) scale(0);
}

.menu-active #block_burgermenu .burger-icon>span:nth-child(2):before {
	transform: rotate(45deg);
}

.menu-active #block_burgermenu .burger-icon>span:nth-child(2):after {
	transform: rotate(-45deg);
}

/* #block_icewatch-branding */
#block_icewatch-branding {
	position: absolute;
	top: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#block_icewatch-branding a {
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 8.5rem;
	height: calc(8.5rem - 0.6rem);
	padding: 0 0 0.6rem;
	background: #000;
	transition: all 0.25s ease-in-out;
	border-radius: 50%;
}

#block_icewatch-branding a img {
	max-width: 5rem;
	height: auto;
	transition: all 0.25s ease-in-out;
}

.is-scroll #block_icewatch-branding {
	top: 6px;
}

.is-scroll #block_icewatch-branding a {
	width: 5.5rem;
	height: calc(5.5rem - 0.6rem)
}

.is-scroll #block_icewatch-branding a img {
	max-width: 3rem;
}

/* .block_cart-count */
.block_cart-count {
	position: relative;
	display: block;
}

.block_cart-count .summary-icon {
	display: block;
	width: 4rem;
	height: 4rem;
	color: #000;
	transition: color 0.3s ease-in-out;
	position: relative
}

.menu-active .block_cart-count .summary-icon {
	color: #000 !important;
}

.block_cart-count .summary-icon::before {
	font-family: "icomoon";
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	speak: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: inherit;
	font-size: 2.3rem;

	content: ""
}

.block_cart-count .summary-count {
	position: absolute;
	top: 0.6rem;
	right: 0;
	display: flex;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	background-color: #ef841a;
	box-shadow: 0 0 0 0.15rem #fff;
	transition: box-shadow 0.3s ease-in-out
}

.block_cart-count .summary-count>span {
	margin: auto;
	color: #fff;
	font-size: 0.9rem
}

/*特定ページのみ初期表示時にアイコンを白にする*/
#fs_Top #block_burgermenu .burger-icon>span,
#fs_Top #block_burgermenu .burger-icon>span:nth-child(2):before,
#fs_Top #block_burgermenu .burger-icon>span:nth-child(2):after {
	background: #fff;
}

@media screen and (max-width:768px) {

	/*for sp*/
	#fs_Top #block_burgermenu .burger-icon>span {
		background: #000;
	}

	#fs_Top #block_burgermenu .burger-icon>span:nth-child(2):before,
	#fs_Top #block_burgermenu .burger-icon>span:nth-child(2):after {
		background: #000;
	}

	#navigation .menu02>li:first-child {
		display: none;
	}
}

#fs_Top #header_fixed .block_cart-count .summary-icon,
#fs_ProductCategory #header_fixed .block_cart-count .summary-icon {
	color: #000;
}

@media screen and (max-width:768px) {
	#fs_Top #header_fixed .block_cart-count .summary-icon {
		color: #000;
	}
}

#fs_Top.is-scroll #block_burgermenu .burger-icon>span,
#fs_Top.is-scroll #block_burgermenu .burger-icon>span:nth-child(2):before,
#fs_Top.is-scroll #block_burgermenu .burger-icon>span:nth-child(2):after,
#fs_ProductCategory.is-scroll #block_burgermenu .burger-icon>span,
#fs_ProductCategory.is-scroll #block_burgermenu .burger-icon>span:nth-child(2):before,
#fs_ProductCategory.is-scroll #block_burgermenu .burger-icon>span:nth-child(2):after {
	background: #000;
}

#fs_Top.is-scroll #header_fixed .block_cart-count .summary-icon,
#fs_ProductCategory.is-scroll #header_fixed .block_cart-count .summary-icon {
	color: #000;
}


@media screen and (min-width:48em) {
	/* for Tablet + PC */


	#fs_Top #block_burgermenu .burger-icon>span,
	#fs_Top #block_burgermenu .burger-icon>span:nth-child(2):before,
	#fs_Top #block_burgermenu .burger-icon>span:nth-child(2):after {
		background: #000;
	}

	#block_icewatch-branding {
		top: 5%;
	}


	#block_icewatch-branding a {
		width: 8rem;
		height: 7.5rem;
		padding: 0;
		box-sizing: border-box;
		border-radius: 50%;
	}

	#block_icewatch-branding a img {
		max-width: 4.5rem;
	}

	.is-scroll #block_icewatch-branding a {
		width: 6rem;
		height: 5.5rem;
		padding: 1rem 0;
	}

	.is-scroll #block_icewatch-branding a img {
		max-width: 3rem;
	}

	#navigation .menu02>li:first-child {
		display: block;
	}
}

@media screen and (min-width:64em) {

	/* for PC */
	#header_fixed .wrap {
		display: block;
		padding: 0 4rem 0 0;
		background: #fff;
		height: 10rem;
		box-shadow: 0 1rem 1.7rem rgba(0, 0, 0, 0.06);
	}

	.is-scroll #header_fixed .wrap {
		background: #fff;
		height: 8rem;
		box-shadow: 0 1rem 1.7rem rgba(0, 0, 0, 0.06);
	}

	#block_burgermenu,
	#block_cart-count_sp {
		display: none;
	}

	/* #block_icewatch-branding */
	#block_icewatch-branding {
		position: absolute;
		top: 5%;
		left: 0.5%;
		-webkit-transform: none;
		transform: none;
	}

	#block_icewatch-branding a {
		width: 13rem;
		height: 12rem;
		padding: 0 0 1.2rem;
		box-sizing: border-box;
		border-radius: 50%;
	}

	#block_icewatch-branding a img {
		max-width: 7rem;
	}

	.is-scroll #block_icewatch-branding a {
		width: 10rem;
		height: 9.5rem;
		padding: 0 0 1rem;
		border-radius: 50%;
	}

	.is-scroll #block_icewatch-branding a img {
		max-width: 5rem;
	}
}



/* スライドメニュー（ #navigation ）
----------------------------------------------------------------------------------------------------*/

#navigation .mainmenu {
	position: fixed;
	z-index: 98;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100vh;
	background: #fff;
	transition: all 0.25s ease-in-out;
}

body.menu-active {
	overflow: hidden;
}

body.menu-active #navigation .mainmenu {
	left: 0;
	display: block;
	overflow-y: scroll;
}

/* menu01, menu02 */
#navigation .menu01,
#navigation .menu02 {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.2rem;
}

#navigation .menu01 div,
#navigation .menu01 a,
#navigation .menu02 div,
#navigation .menu02 a {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: calc(100% - 5rem);
	padding: 2rem 2.5rem;
}

#navigation .menu01 {
	width: 100%;
	min-height: calc(100% - 23rem);
	padding: 8.5rem 0 0;
}

#navigation .arrow:after {
	content: "";
	display: block;
	width: 1.8rem;
	height: 1.8rem;
	margin: 0 0.5rem 0 0;
	font-family: "icomoon";
	font-size: 1.8rem;
	line-height: 1;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: all 0.2s ease-in-out;
}

/* menu01 - .sub-menu */
.sub-menu {
	height: 0;
	opacity: 0;
	font-size: 1.8rem;
	font-weight: 400;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}

#navigation .menu01 .menu-link.open+.sub-menu {
	height: auto;
	opacity: 1;
}

#navigation .menu-link.open.arrow:after {
	transform: rotate(90deg);
}

#navigation .menu01 .sub-menu a {
	display: block;
	width: calc(100% - 5rem);
	padding: 1.5rem 2.5rem;
}


/* .menu02 */
#navigation .menu02 {
	width: 100%;
	background: #fff;
}

#navigation .menu02>li {
	border-top: 1px solid #e7e7e7;
}

#navigation .menu02>li.country div {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#navigation .menu02>li.country p:first-child {
	display: inline-block;
	margin: 0 0.5rem 0 0;
	font-weight: 400;
}

/* 国旗（SP版現在表示ベース） */
.country-name {
	display: inline-flex;
	align-items: center;
}

.flag {
	margin-right: 1rem;
	width: 1.8rem;
	border-radius: 0.3rem;
	box-sizing: border-box;
}

.flag.shadow {
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
	line-height: 1;
}


/* 国選択モーダル */
#modal-wrap_country dl {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 1rem 1rem 3rem;
}

#modal-wrap_country dt {
	margin: 0 0 1.6rem;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 600;
}

#modal-wrap_country dd {
	width: 50%;
	margin-bottom: 0.2rem;
}

#modal-wrap_country a {
	display: inline-flex;
	align-items: center;
	padding: 0.3rem;
	color: #787878;
}

#modal-wrap_country .world:before {
	content: "";
	display: inline-block;
	margin-right: 1rem;
	font-family: "icomoon";
	font-size: 1.8rem;
	line-height: 1;
	font-weight: 400;
	speak: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
}


/* ログイン・検索・PC版カート */
@keyframes navigation_login {
	from {
		opacity: 0;
		right: 2.5rem;
	}

	to {
		opacity: 1;
		right: 8.5rem;
	}
}

@keyframes navigation_search {
	from {
		opacity: 0;
		left: 2.5rem;
	}

	to {
		opacity: 1;
		left: 8.5rem;
	}
}

#navigation #block_login,
#navigation #block_search {
	position: fixed;
	z-index: 99;
	top: 1.5rem;
	display: none;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

#navigation #block_login a,
#navigation #block_search span {
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
}

#navigation #block_login a span {
	display: none;
}

#navigation #block_login a:before,
#navigation #block_search span:before {
	font-size: 2.4rem !important;
}

body.menu-active #navigation #block_login,
body.menu-active #navigation #block_search {
	display: block;
}

body.menu-active #navigation #block_login {
	animation: navigation_login 0.3s ease-in-out forwards;
}

body.menu-active #navigation #block_search {
	animation: navigation_search 0.3s ease-in-out forwards;
}

body.menu-active #navigation #block_login.active p a:before,
body.menu-active #navigation #block_search.active span:before {
	content: '';
}

#block_cart-count_pc {
	display: none;
}


@media screen and (min-width:48em) {

	/* for Tablet + PC */
	/* 国選択モーダル */
	#modal-wrap_country .modal_content {
		display: -ms-flexbox;
		display: flex;
		margin-left: 4rem;
	}

	#modal-wrap_country .modal_content>dl:nth-child(2) {
		padding: 0 4rem;
		box-sizing: border-box;
	}

	#modal-wrap_country .modal_content>dl:nth-child(1) {
		width: calc((100% / 3) * 2);
	}

	#modal-wrap_country .modal_content>dl:nth-child(2) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: calc((100% / 3));
		border-left: 1px solid #e7e7e7;
	}

	#modal-wrap_country .modal_content>dl:nth-child(2) dd {
		width: 100%;
	}
}

@keyframes sub-menu_open {
	from {
		max-height: 0;
	}

	to {
		max-height: 1000px;
	}
}

@keyframes sub-menu_close {
	from {
		max-height: 1000px;
	}

	to {
		max-height: 0;
	}
}

@media screen and (min-width:64em) {

	/* for PC */
	#navigation {
		position: fixed;
		z-index: 100;
		top: 2rem;
		left: 14rem !important;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 11rem 5rem 5rem;
		grid-template-columns: 1fr 11rem 5rem 5rem;
		width: calc(100% - 18rem);
		height: 8rem;
		padding-right: 4rem;
		transition: height 0.2s ease-in-out;
	}

	.is-scroll #navigation {
		height: 6rem;
	}

	#navigation .mainmenu {
		position: static;
		height: 100%;
		background: transparent;
	}

	body.menu-active {
		overflow: inherit;
	}

	body.menu-active #navigation .mainmenu {
		display: block !important;
	}

	/* menu01, menu02,  */
	#navigation .menu01,
	#navigation .menu02 {
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
	}

	#navigation .menu01 {
		display: -ms-inline-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: auto;
		height: 100%;
		min-height: auto;
		padding: 0 1rem 0 2rem;
		overflow: visible;
	}

	#navigation .menu01 .menu-link,
	#navigation .menu01 a {
		color: #000;
		transition: color 0.3s ease-in-out;
	}

	#navigation .menu01 .menu-link:hover,
	#navigation .menu01 a:hover {
		color: #ef841a;
	}

	#navigation .menu01>li {
		height: 100%;
	}

	#navigation .menu01 div,
	#navigation .menu01>li>a {
		width: auto;
		height: 100%;
		margin: 0;
		padding: 0 1rem 2rem;
		box-sizing: border-box;
	}

	#navigation .menu01>li>a {
		padding-right: 1.5rem;
	}

	#navigation .arrow:after {
		content: "";
		display: inline-block;
		width: 1.6rem;
		height: 1.6rem;
		margin: 0 0.5rem;
		font-size: 1.6rem;
		color: #ef841a;
		transition: none;
	}

	/* menu01 - .sub-menu*/
	.sub-menu {
		position: absolute;
		z-index: 100;
		display: none;
		min-width: 12rem;
		margin: 0 0 0 0.5rem;
		height: 0;
		opacity: 1;
		font-size: 1.4rem;
		font-weight: 700;
		background: #fff;
		box-shadow: 0 0.5rem 2.5rem rgba(0, 0, 0, 0.1);
		animation: sub-menu_close 0.5s ease-in-out forwards;
	}

	.menu01>li:nth-child(2) .sub-menu {
		z-index: 102;
	}

	.menu01>li:nth-child(3) .sub-menu {
		z-index: 103;
	}

	.menu01>li:nth-child(4) .sub-menu {
		z-index: 104;
	}

	.menu01>li:nth-child(5) .sub-menu {
		z-index: 105;
	}

	#navigation .menu01 .menu-link:hover+.sub-menu,
	#navigation .menu01 .menu-link+.sub-menu:hover {
		position: fixed;
		z-index: 98;
		top: 10rem;
		display: block;
		height: auto;
		margin: 0;
		padding: 0;
		animation: sub-menu_open 0.5s ease-in-out forwards;
	}

	.is-scroll #navigation .menu01 .menu-link:hover+.sub-menu,
	.is-scroll #navigation .menu01 .menu-link+.sub-menu:hover {
		top: 8rem;
	}

	#navigation .menu-link.open.arrow:after {
		transform: none;
	}

	#navigation .menu01 .sub-menu a {
		width: 100%;
		padding: 1rem 2rem;
	}

	/* .menu02 */
	#navigation .menu02 {
		position: fixed;
		right: 0;
		top: 0;
		left: auto;
		bottom: auto;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		padding: 0 4rem 0 0;
		width: 30rem;
		height: 3rem;
		background: transparent;
	}

	#navigation .menu02>li {
		width: auto;
		border: none;
		padding: 0 0 0 2rem;
	}

	#navigation .menu02 a {
		width: auto;
		color: #000;
		transition: color 0.3s ease-in-out;
	}

	#navigation .menu02>li:first-child a:hover {
		color: #ef841a;
	}

	#navigation .menu02>li a,
	#navigation .menu02>li.country div {
		width: auto;
		padding: 0.6rem 0;
		font-size: 1.2rem;
	}

	/* 国選択モーダル */
	#modal-wrap_country .modal_container {
		max-width: 80rem;
	}

	#modal-wrap_country a {
		color: #787878;
		transition: color 0.3s ease-in-out;
	}

	#modal-wrap_country a:hover {
		color: #000;
	}

	/* アイコン3種 */
	#navigation #block_login,
	#navigation #block_search,
	#block_cart-count_pc {
		position: static;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		align-items: center;
		opacity: 1;
	}

	#navigation #block_login {
		grid-column: 2;
	}

	#navigation #block_search {
		grid-column: 4;
	}

	#navigation #block_cart-count_pc {
		grid-column: 3;
	}

	#navigation #block_login a {
		width: auto;
		color: #000;
		transition: color 0.3s ease-in-out;
	}

	#navigation #block_login a:hover {
		color: #ef841a;
	}

	#navigation #block_login a span {
		display: inline-block;
		padding-left: 1rem;
		font-size: 1.4rem;
		font-weight: 700;
	}

	#navigation #block_login a:before {
		font-size: 1.9rem !important;
	}

	#navigation #block_login a span:before:hover {
		color: #000;
	}

	#navigation #block_search {
		position: relative;
		top: 0;
		margin: auto 0 auto auto;
	}

	#navigation #block_search:before {
		content: '';
		position: absolute;
		display: inline-block;
		top: 10%;
		right: 5rem;
		width: 1px;
		height: 80%;
		background: #787878;
	}

	#navigation #block_search span:before {
		font-size: 1.6rem !important;
	}

	body.menu-active #navigation #block_login,
	body.menu-active #navigation #block_search {
		animation: none;
	}

	#block_cart-count_pc>a {
		width: 4rem;
		height: 4rem;
		font-size: 1.9rem;
	}
}



/* 検索ボックス（ #search-box ）
----------------------------------------------------------------------------------------------------*/

@keyframes search-box_display {
	from {
		opacity: 0;
		top: -2.5rem;
	}

	to {
		opacity: 1;
		top: 0;
	}
}

@keyframes search-box_display_pc {
	from {
		opacity: 0;
		top: 4rem;
	}

	to {
		opacity: 1;
		top: 8rem;
	}
}

#search-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 8.5rem 3rem 1rem;
	box-sizing: border-box
}

#search-box.active {
	display: block;
}

#search-box .wrap {
	position: relative;
}

#search-box.active .wrap {
	animation: search-box_display 0.3s ease-in-out forwards;
}

#search-box .wrap button[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 5rem;
	height: 5rem;
	color: #000;
	transition: all 0.3s ease-in-out;
}

#search-box .wrap button[type="submit"]:before {
	font-family: "icomoon";
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	speak: none;
	pointer-events: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 2rem;
	font-weight: 700;
	content: ""
}

#search-box .wrap button[type="submit"]:hover {
	color: #ef841a;
}

#search-box .wrap button[type="submit"]>span {
	display: none;
}

@media screen and (min-width:48em) {

	/* for Tablet + PC */
	#search-box {
		padding: 11rem 9rem 1rem;
	}
}

@media screen and (min-width:64em) {

	/* for PC */
	#search-box {
		z-index: 101;
		height: auto;
		padding: 5rem 11rem;
		box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.2);
		animation: search-box_display_pc 0.3s ease-in-out forwards;
	}

	#search-box.active .wrap {
		animation: none;
	}

	#search-box .wrap input[type="text"] {
		max-height: 120rem;
		height: 6rem;
		margin: 0 auto;
		font-size: 3rem;
	}

	#search-box .wrap button[type="submit"] {
		width: 6rem;
		height: 6rem;
	}

}



/* PC用フッターメニュー（ #section_footer-menu ）
----------------------------------------------------------------------------------------------------*/

#section_footer-menu {
	display: none;
}

@media screen and (min-width:64em) {

	/* for PC */
	#section_footer-menu {
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 100%;
		padding: 5rem 6rem;
		background: #f7f7f7;
		box-sizing: border-box;
	}

	#section_footer-menu ul>li {
		margin-bottom: 1.6rem;
		font-size: 1.2rem;
		font-weight: 700;
	}

	#section_footer-menu ul>li:first-child {
		margin-bottom: 4rem;
		font-size: 2rem;
	}

	#section_footer-menu ul>li a {
		display: inline-block;
		padding: 0.2rem 0;
		color: #787878;
		transition: color 0.3s ease-in-out;
	}

	#section_footer-menu ul>li a:hover {
		color: #ef841a;
	}
}

@media screen and (min-width:64em) {

	/* for PC */
	#block-footer-menu-sp {
		display: none;
	}
}

/* footer ------------------------------------------------------------*/

#footer {
	width: calc(100% - 5rem);
	margin: 5.5rem auto 0;
	padding: 0 0 1.5rem;
	text-align: center;
	border-top: 0.5rem solid #000;
}

#footer>* {
	margin: 2rem 0;
}

#footer #block-poweredbydrupal {
	font-size: 1.4rem;
	color: #787878;
}

#footer #block-id-payment dt {
	font-size: 1.2rem;
	font-weight: 700;
	color: #909090;
}

#footer #block-id-payment img {
	width: auto;
}

#footer #social-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
}

#footer #social-list li {
	margin: 0 1rem;
}

#footer #social-list li a {
	display: block;
	color: #7f7f7f;
	width: 3rem;
	height: 3rem;
	font-size: 2.4rem;
	transition: color 0.3s ease-in-out;
}

#footer #social-list svg.line_logo {
	height: 21px;
	width: auto;
	fill: currentColor;
	vertical-align: middle;
}

#footer #social-list a[href*="line.me"]:hover {
	color: #06c755;
}




/*SP・タブレット用フッターメニュー*/
#block-footer-menu-sp {
	text-align: left;
	border: 1px solid #e7e7e7;
}

#block-footer-menu-sp input {
	display: none;
}

#block-footer-menu-sp label[for~="footer-menu-sp"] {
	position: relative;
	display: block;
	padding: 1.5rem;
	font-weight: bold;
}

#block-footer-menu-sp label[for~="footer-menu-sp"]:after {
	content: "";
	position: absolute;
	top: calc(50% - 0.5rem);
	right: 1.5rem;
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	font-family: "icomoon";
	font-size: 1.2rem;
	line-height: 1;
	text-transform: none;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(90deg);
	transition: all 0.2s ease-in-out;
}

#block-footer-menu-sp input:checked+label:after {
	transform: rotate(-90deg);
}

#block-footer-menu-sp label+ul {
	height: 0;
	transition: height 0.3s ease-in-out;
	overflow: hidden;
}

#block-footer-menu-sp label+ul li {
	font-size: 1.2rem;
	border-top: 1px solid #e7e7e7;
}

#block-footer-menu-sp label+ul li a {
	display: block;
	padding: 1.5rem;
}

#block-footer-menu-sp input:checked+label+ul {
	height: 342px;
}

@media screen and (min-width:64em) {

	/* for PC */
	#footer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		width: calc(100% - 12rem);
		margin: 0 6rem;
		padding: 0;
		border-top: none;
	}

	#footer>* {
		width: 33%;
		margin: 0;
	}

	#footer #block-poweredbydrupal {
		text-align: left;
	}

	#footer #social-list {
		display: block;
		margin: 3rem 0;
		text-align: right;
	}

	#footer #social-list li {
		display: inline-block;
		margin: 0 0 0 3rem;
	}

	#footer #social-list li a {
		transition: color 0.3s ease-in-out;
	}

	#footer #social-list li a[href*="instagram.com"]:hover {
		color: #396d9a;
	}

	#footer #social-list li a[href*="facebook.com"]:hover {
		color: #365397;
	}

	#footer #social-list li a[href*="twitter.com"]:hover {
		color: #00a9f1;
	}

	/*SP・タブレット用フッターメニュー*/
	#block-footer-menu-sp {
		display: none;
	}
}