@charset 'UTF-8';

/*******************
fonts
*******************/
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&family=Lato:wght@300;400&display=swap');

@font-face {font-family:"Yu Gothic"; font-weight:normal; src:local("游ゴシック Medium"), local("Yu Gothic Medium");}
@font-face {font-family:"Yu Gothic"; font-weight:bold; src:local("游ゴシック Bold"), local("Yu Gothic Bold");}
@font-face {font-family:"Yu Mincho"; font-weight:normal; src:local("游明朝 Medium"), local("Yu Mincho Medium");}
@font-face {font-family:"Yu Mincho"; font-weight:bold; src:local("游明朝 Bold"), local("Yu Mincho Bold");}
@font-face {font-family:"Helvetica Neue"; font-weight:100; src:local("Helvetica Neue Regular");}
@font-face {font-family:"Helvetica Neue"; font-weight:200; src:local("Helvetica Neue Regular");}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:100;
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Thin.eot");
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Thin.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJP/YakuHanJP-Thin.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:200;
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Light.eot");
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJP/YakuHanJP-Light.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:300;
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-DemiLight.eot");
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJP/YakuHanJP-DemiLight.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:400;
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Regular.eot");
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:500;
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Medium.eot");
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJP/YakuHanJP-Medium.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:700;
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Bold.eot");
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJP";
	font-style:normal;
	font-weight:900;
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Black.eot");
	src:url("../../../common/fonts/YakuHanJP/YakuHanJP-Black.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJP/YakuHanJP-Black.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:100;
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Thin.eot");
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Thin.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Thin.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:200;
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Light.eot");
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Light.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Light.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:300;
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-DemiLight.eot");
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-DemiLight.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJPs/YakuHanJPs-DemiLight.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:400;
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Regular.eot");
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Regular.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Regular.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:500;
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Medium.eot");
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Medium.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Medium.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:700;
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Bold.eot");
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Bold.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Bold.woff") format("woff");
}
@font-face {
	font-family:"YakuHanJPs";
	font-style:normal;
	font-weight:900;
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Black.eot");
	src:url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Black.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanJPs/YakuHanJPs-Black.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:100;
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Thin.eot");
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Thin.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMP/YakuHanMP-Thin.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:200;
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Light.eot");
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Light.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMP/YakuHanMP-Light.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:300;
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-DemiLight.eot");
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-DemiLight.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMP/YakuHanMP-DemiLight.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:400;
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Regular.eot");
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Regular.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMP/YakuHanMP-Regular.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:500;
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Medium.eot");
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Medium.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMP/YakuHanMP-Medium.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:700;
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Bold.eot");
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Bold.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMP/YakuHanMP-Bold.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMP";
	font-style:normal;
	font-weight:900;
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Black.eot");
	src:url("../../../common/fonts/YakuHanMP/YakuHanMP-Black.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMP/YakuHanMP-Black.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:100;
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Thin.eot");
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Thin.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Thin.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:200;
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Light.eot");
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Light.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Light.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:300;
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-DemiLight.eot");
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-DemiLight.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMPs/YakuHanMPs-DemiLight.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:400;
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Regular.eot");
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Regular.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Regular.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:500;
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Medium.eot");
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Medium.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Medium.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:700;
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Bold.eot");
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Bold.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Bold.woff") format("woff");
}
@font-face {
	font-family:"YakuHanMPs";
	font-style:normal;
	font-weight:900;
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Black.eot");
	src:url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Black.woff2") format("woff2"), 
	    url("../../../common/fonts/YakuHanMPs/YakuHanMPs-Black.woff") format("woff");
}
@font-face {
	font-family:"icons";
	font-weight:normal;
	font-style:normal;
	src:url("../../../common/fonts/icons2/icons.eot");
	src:url("../../../common/fonts/icons2/icons.eot?#iefix") format("embedded-opentype"),
	    url("../../../common/fonts/icons2/icons.woff") format("woff"),
	    url("../../../common/fonts/icons2/icons.ttf") format("truetype");
}


/*******************
OCMS
*******************/
.t-page__content {max-width:none;}
.m-breadcrumb {margin:1rem;}



/*******************
Variables
*******************/
.c-template {
	--color-default:#000;
	--color-default-light:#ccc;
	--color-default-negative:#fff;
	--color-main:#001022;
	--color-main-light:var(--color-main);
	--color-main-negative:#fff;
	--color-sub:#ffcb00;
	--color-sub-light:var(--color-sub);
	--color-sub-negative:#fff;
	--color-button:var(--color-main);
	--color-button-negative:var(--color-main-negative);
	--color-main-nav:var(--color-main);
	--color-item-lead:var(--color-main);
	--color-attributes:var(--color-sub);
	--color-attributes-negative:var(--color-sub-negative);
	--color-column:var(--color-main);
	--color-column-negative:var(--color-main-negative);
	--color-column-body:var(--color-main);
	--font-family-main:YakuHanJP,Lato,-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	--font-family-sub:YakuHanMP,"Yu Mincho Medium","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HG明朝B","MS Mincho",serif;}

@media screen and (max-width:599px) {
.c-template {}
}



/*******************
Components
*******************/


/*** Blocks ***/


/* .c-template */
.c-template {
	min-width:1080px; margin:0 auto; 
	background-color:#fff; background-color:var(--color-default-negative); 
	text-align:left; line-height:1.7; overflow:hidden;}
.c-template h1, 
.c-template h2, 
.c-template h3, 
.c-template h4, 
.c-template h5, 
.c-template h6 {margin:0; font-size:inherit; line-height:1.28;}
.c-template i, 
.c-template em {font-size:inherit; font-style:normal;}
.c-template a,
.c-template button {
	min-width:0; max-width:none; color:inherit; font-size:inherit; text-decoration:none; outline:none; overflow:visible; 
	transition:all 0.2s ease-in-out 0s; transition-property:border-color,background-color,color,opacity;}
.c-template picture {display:block; max-width:none; font-size:inherit;}
.c-template img {display:block; max-width:100%; height:auto; margin:0 auto;}

@media screen and (max-width:599px) {
.c-template {min-width:320px;}
.c-template img {max-width:100%; height:auto;}
}


/* .c-article */
.c-article {
	width:1080px; margin:0 auto; padding:0 40px; box-sizing:border-box; 
	background:#fff; background:var(--color-default-negative); 
	color:#000; color:var(--color-default); 
	font-family:YakuHanJP,-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}

@media screen and (min-width:600px) {
.c-article .sp {display:none !important;}
}

@media screen and (max-width:599px) {
.c-article {width:auto; min-width:320px; padding:0 4.6875vw;}
.c-article .pc {display:none !important;}
}


/* .c-block */
.c-block {display:block; position:relative; z-index:1; padding:40px 0;}
.c-block.-pad {
	padding:40px; 
	background-color:#fff; background-color:var(--color-default-negative);}
.c-block.-wide {margin:0 -220px; padding:40px 220px;}

@media screen and (max-width:1080px) {
.c-block.-wide {margin-left:-40px; margin-right:-40px; padding-left:40px; padding-right:40px;}
}

@media screen and (max-width:599px) {
.c-block {padding:5.3333vw 0;}
.c-block.-pad {padding:3.125vw 3.125vw 7vw;}
.c-block.-wide {margin:0 -4.6875vw; padding:5.3333vw 4.6875vw;}
}


/* .c-banners */
.c-banners {}
.c-banners > ul {
	display:flex; flex-direction:column; align-items:center; 
	width:580px; margin:-30px auto 0;}
.c-banners > ul > li {margin:30px 0 0;}
.c-banners > ul > li > a {display:block; text-decoration:none;}
.c-banners > ul > li img {display:block; width:100%; height:auto;}

@media screen and (max-width:599px) {
.c-banners {}
.c-banners > ul {width:auto; margin:-6.25vw 0 0;}
.c-banners > ul > li {margin:6.25vw 0 0;}
.c-banners > ul > li > a {}
.c-banners > ul > li img {}
}



/* .c-announcement */
.c-announcement {
	display:flex; justify-content:center; align-items:baseline; 
	margin:0 calc(50% - 50vw); padding:0.6em calc(50vw - 50%); box-sizing:border-box; 
	background:#ed4791; background:var(--color-main); 
	color:#fff; color:var(--color-main-negative); 
	font-size:16px; line-height:1; 
	font-family:YakuHanJP,-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}

.c-announcement .c-announcement-shipping {
	display:flex; align-items:baseline; margin:0 0.8em; padding:0.4em 1.3em; border-radius:2em; 
	background:#fff; background:var(--color-main-negative); 
	color:#ed4791; color:var(--color-main); 
	font-weight:bold;}
.c-announcement .c-announcement-shipping::before {
	display:block; content:'\e911'; margin:0 0.3em 0 -0.3em; font:normal 1em/1 icons; transform:scaleX(-1);}
.c-announcement .c-announcement-shipping > small {font-size:11px;}

.c-announcement.-preorder {font-weight:bold;}

.c-announcement.-start {font-family:YakuHanMP,"Yu Mincho Medium","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HG明朝B","MS Mincho",serif;}
.c-announcement.-start > b {font-size:24px;}

@media screen and (max-width:1080px) {
.c-announcement {margin-left:-40px; margin-right:-40px; padding-left:40px; padding-right:40px;}
}

@media screen and (max-width:599px) {
.c-announcement {
	margin-left:-4.6875vw; margin-right:-4.6875vw; 
	padding-left:4.6875vw; padding-right:4.6875vw; 
	font-size:1rem; font-size:3.125vw;}

.c-announcement .c-announcement-shipping {}
.c-announcement .c-announcement-shipping::before {}
.c-announcement .c-announcement-shipping > small {font-size:0.9rem; font-size:2.8125vw;}

.c-announcement.-preorder {}

.c-announcement.-start {}
.c-announcement.-start > b {font-size:1.2rem; font-size:3.75vw;}
}


/* .c-main */
.c-main {
	display:flex; flex-direction:column; 
	position:relative; z-index:1; margin:0 calc(50% - 50vw); padding:0 calc(50vw - 50%);}
.c-main > h1 {
	order:10; margin:0 calc(50% - 50vw); padding:40px calc(50vw - 50%) 0; 
	background:#fff; background:var(--color-main-negative); 
	color:#ffcb00; color:var(--color-sub); 
	font-size:16px; line-height:1.5; text-align:center;}
.c-main > h2 {
	position:absolute; left:0; right:0; top:20px; z-index:2; 
	color:#001022; color:var(--color-main); 
	font-size:70px; line-height:1.28; text-align:center; 
	font-family:YakuHanMP,"Yu Mincho Medium","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HG明朝B","MS Mincho",serif;}
.c-main > h2.-font-size-large  {font-size:70px;}
.c-main > h2.-font-size-medium {font-size:70px;}
.c-main > h2.-font-size-small  {font-size:60px;}
.c-main > h2 > small {
	display:block; margin:10px 0 0; font-size:24px; font-weight:bold; line-height:1.7; 
	font-family:YakuHanJP,-apple-system,BlinkMacSystemFont,"Helvetica Neue",YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;}
.c-main > picture {position:relative;}
.c-main > picture > img {display:block; max-width:none; margin:0 0 0 50%; transform:translateX(-50%);}
.c-main > picture > .c-main-link {
	display:block; position:absolute; left:50%; top:50%; z-index:10; 
	margin-left:0px; margin-right:0px; padding:1em; transform:translate3d(-50%,-50%,0); 
	color:#001022; color:var(--color-main); 
	font-size:14px; font-weight:bold; line-height:1.4; text-align:left; text-decoration:none; white-space:nowrap;}
.c-main > picture > .c-main-link::before {display:none; content:''; width:200px; height:200px; position:absolute; left:0px; top:0px;}
.c-main > picture > .c-main-link::after {display:inline-block; content:'\e813'; font:normal 1em/1 icons;}
.c-main > picture > .c-main-link:hover {opacity:0.6;}

@media screen and (max-width:1080px) {
.c-main, 
.c-main > h1 {margin-left:-40px; margin-right:-40px; padding-left:40px; padding-right:40px;}
}

@media screen and (max-width:599px) {
.c-main {margin:0 -4.6875vw; padding:0;}
.c-main > h1 {margin:0; padding:5.3333vw 0 0; font-size:0.8rem; font-size:2.5vw;}
.c-main > h2 {top:2.6666vw; font-size:3.5rem; font-size:10.9375vw;}
.c-main > h2 > small {margin:0.5em 0 0; font-size:1.3rem; font-size:4.0625vw;}
.c-main > h2.-font-size-large  {font-size:3.5rem; font-size:10.9375vw;}
.c-main > h2.-font-size-medium {font-size:3rem; font-size:9.375vw;}
.c-main > h2.-font-size-small  {font-size:2.4rem; font-size:7.5vw;}
.c-main > picture {overflow:hidden;}
.c-main > picture > img {width:100%; height:auto; margin:0; transform:none;}
.c-main > picture > img:not(.sp) {
	max-width:none; width:auto; height:117.1875vw; margin:0 0 0 50%; transform:translateX(-50%);}
.c-main > picture > .c-main-link {font-size:0.9rem; font-size:2.8125vw;}
.c-main > picture > .c-main-link::before {display:none; content:''; width:200px; height:200px; position:absolute; left:0px; top:0px;}
.c-main > picture > .c-main-link::after {display:inline-block; content:'\e813'; font:normal 1em/1 icons;}
.c-main > picture > .c-main-link:hover {opacity:0.6;}
}

/* .c-main-nav */
.c-main-nav {
	margin:0 calc(50% - 50vw); padding:0 calc(50vw - 50%); 
	border-bottom:1px solid #ccc; border-bottom-color:var(--color-default-light); 
	background:#fff; background:var(--color-default-negative); 
	color:#001022; color:var(--color-main-nav); 
	font-size:18px; font-weight:600; line-height:1.5; 
	font-family:YakuHanMP,"Yu Mincho Medium","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HG明朝B","MS Mincho",serif;}
.c-main-nav > ul {display:flex;}
.c-main-nav > ul > li {
	flex:1 1 100%; display:flex; align-items:center; 
	position:relative; padding:10px 20px; 
	background:#fff; background:var(--color-default-negative);}
.c-main-nav > ul > li::before {
	display:block; content:''; position:absolute; left:0; top:20px; bottom:20px; 
	border-left:1px solid #ccc; border-left-color:var(--color-default-light);}
.c-main-nav > ul > li:first-child::before {display:none;}
.c-main-nav > ul > li > a {
	flex:1 1 100%; display:flex; align-items:center; 
	height:100%; box-sizing:content-box; position:relative; margin:-10px -20px; padding:inherit; padding-right:2em; text-decoration:none;}
.c-main-nav > ul > li > a::after {
	display:flex; justify-content:center; align-items:center; content:'\e822'; width:1.3em; 
	position:absolute; right:0; top:0; bottom:0; 
	color:#000; color:var(--color-default); 
	font:bold 2em/1 icons;}
.c-main-nav > ul > li > a:hover {opacity:0.6;}
.c-main-nav > ul > li img {display:block; margin:-20px 0 -10px -20px;}

@media screen and (max-width:1080px) {
.c-main-nav {margin-left:-40px; margin-right:-40px; padding-left:40px; padding-right:40px;}
}

@media screen and (max-width:599px) {
.c-main-nav {
	margin:0; padding:4.6875vw; border-bottom:none; background:transparent; font-size:1.3rem; font-size:4.0625vw;}
.c-main-nav > ul {display:block;}
.c-main-nav > ul > li {justify-content:center; position:relative; margin:1.5625vw 0 0; padding:0.85em;}
.c-main-nav > ul > li::before {display:none;}
.c-main-nav > ul > li:first-child {margin-top:0;}
.c-main-nav > ul > li > a {justify-content:center; margin:-0.85em; padding-right:20vw; padding-left:20vw;}
.c-main-nav > ul > li > a::after {}
.c-main-nav > ul > li > a:hover {}
.c-main-nav > ul > li img {width:auto; height:14.0625vw; position:absolute; left:3.125vw; bottom:0; margin:0;}
}

	
/* .c-item */
.c-item {
	display:flex; flex-direction:column; align-items:center; position:relative; z-index:2; box-sizing:border-box; 
	font-size:14px; font-weight:bold; text-align:center; overflow:hidden;}
.c-item > a:not(.c-buy) {flex:0 1 auto; display:flex; flex-direction:column; align-items:center; width:100%; text-decoration:none;}
.c-item picture {width:360px; position:relative; margin:0 0 20px; overflow:hidden;}
.c-item picture::after {display:block; content:''; height:0; padding:75% 0 0; overflow:hidden;}
.c-item picture > img {
	display:block; width:auto; min-width:500%; height:auto; min-height:500%; 
	position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0) scale(0.2);}
.c-item .c-banners {margin-top:-20px;}
.c-item .c-banners > li {margin-top:20px;}
.c-item .c-banners > li > img {width:auto;}
.c-item .c-banners + *, 
.c-item strong + *, 
.c-item .c-attributes + *, 
.c-item h2 + *, 
.c-item em + * {margin-top:5px;}
.c-item h2 + em {margin-top:0.2em;}
.c-item .c-attributes + {margin-top:0; padding:5px 0 0;}
.c-item strong {
	display:block; 
	color:#001022; color:var(--color-item-lead); 
	font-size:18px; font-weight:inherit; 
	font-family:YakuHanMP,"Yu Mincho Medium","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HG明朝B","MS Mincho",serif;}
.c-item .c-attributes {}
.c-item h2 {font-size:inherit;}
.c-item em {display:block; font-size:inherit;}
.c-item .c-buy {margin:1em 0 0;}
.c-item > a:not(.c-buy)::before {display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0;}
.c-item > a:not(.c-buy) ~ a:not(.c-buy) {position:relative;}
.c-item a.c-buy:first-of-type::before {left:-100vw; right:-100vw; top:-100vw; bottom:-100vw;}
.c-item a.c-buy ~ a.c-buy {z-index:2;}
.c-item .c-note {
	width:100%; padding:1.5em 0 0; 
	color:#ffcb00; color:var(--color-sub); 
	text-align:left;}
.c-item > a:not(.c-buy) + a:not(.c-buy) {margin-top:2em;}
.c-item .c-buy     + h2 {margin:2em 0 0;}
.c-item .c-banners + h2 {margin-top:10px;}

.c-item.-new::before {
	display:flex; justify-content:center; align-items:center; 
	content:'NEW'; width:3.8em; height:3.8em; position:absolute; left:30px; top:30px; 
	border:1px solid var(--color-main); border-radius:6em; pointer-events:none; 
	color:var(--color-main); font-size:21px; font-weight:normal; font-family:"Crimson Text",serif; line-height:1;}

@media screen and (min-width:600px) {
.c-item.-pickup, 
.-pickup .c-item {
	justify-content:center; align-items:flex-start; 
	width:100%; min-height:360px; padding:0 0 0 520px; text-align:left;}
.c-item.-pickup:first-child, 
.-pickup .c-item:first-child {margin-top:40px;}
.c-item.-pickup > a:not(.c-buy), 
.-pickup .c-item > a:not(.c-buy) {justify-content:center; align-items:flex-start; width:auto;}
.c-item.-pickup picture, 
.-pickup .c-item picture {width:480px; position:absolute; left:0; top:50%; margin:0; transform:translate3d(0,-50%,0);}
.c-item.-pickup .c-banners, 
.-pickup .c-item .c-banners {align-items:flex-start;}
.c-item.-pickup .c-banners + h2, 
.-pickup .c-item .c-banners + h2 {margin-top:10px;}
.c-item.-pickup .c-attributes, 
.-pickup .c-item .c-attributes {justify-content:flex-start;}
.c-item.-pickup em, 
.-pickup .c-item em {margin-bottom:0;}
}

@media screen and (max-width:599px) {
.c-item {font-size:1.2rem; font-size:3.75vw;}
.c-item > a:not(.c-buy) {}
.c-item picture {width:100%; margin:0 0 4vw;}
.c-item picture::after {}
.c-item picture > img {}
.c-item .c-banners {margin:-2vw auto 0;}
.c-item .c-banners > li {margin-top:2vw;}
.c-item .c-banners > li > img {width:auto; max-width:100%;}
.c-item strong {margin:2vw 0 0; font-size:1.5rem; font-size:4.6875vw;}
.c-item .c-attributes {padding:2vw 0 0;}
.c-item h2 {margin:2vw 0 0; font-size:inherit;}
.c-item em {display:block; margin:0.2em 0 auto; font-size:inherit;}
.c-item .c-buy {margin:20px 0 0;}
.c-item > a:not(.c-buy)::before {display:none;}
.c-item a.c-buy:first-of-type::before {left:0; right:0; top:0; bottom:0;}
.c-item .c-note {
	padding:1.5em 0 0; 
	color:#ffcb00; color:var(--color-sub); 
	text-align:left;}
.c-item > a:not(.c-buy) + a:not(.c-buy) {margin-top:2em;}
.c-item .c-buy     + h2 {margin:2em 0 0;}
.c-item .c-banners + h2 {margin-top:2vw;}

.c-item.-new::before {left:3.125vw; top:3.125vw; font-size:2.5vw;}
}


/* .c-items-list */
.c-items-list {display:flex; justify-content:center; flex-wrap:wrap; margin:-40px -20px 0; padding:40px 0 0;}
.c-items-list > .c-item {margin:40px 20px 0;}
.c-items-list > .c-item.-pickup, 
.c-items-list.-pickup > .c-item {margin-top:70px;}
.c-items-list > .c-item.-pickup:first-child, 
.c-items-list.-pickup > .c-item:first-child {margin-top:40px;}

.c-items-list.-columns2 {padding-left:20px; padding-right:20px;}
.c-items-list.-columns2:not(.-pickup) > .c-item:not(.-pickup) {flex:0 0; flex-basis:calc(50% - 40px);}

.c-items-list.-columns3 {margin-left:-27px; margin-right:-28px;}
.c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) {
	flex:0 0; flex-basis:calc(33.3333% - 55px); 
	margin-left:27px; margin-right:28px;}
.c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) picture {width:100%;}
.c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) .c-banners {margin-left:0;}

.c-items-list:first-child {padding-top:0;}

.-kit .c-item picture::after {padding:66.6666% 0 0;}
.-kit .-pickup .c-item, 
.-kit .c-item.-pickup {min-height:294px;}
.-kit .c-items-list.-columns2 .c-item picture {width:440px;}

.-kit .-pad .c-items-list {width:auto; margin-left:-20px; margin-right:-20px; padding-left:0; padding-right:0;}
.-kit .-pad .c-items-list.-columns3:not(.-pickup) {margin-left:-35px; margin-right:-35px;}
.-kit .-pad .c-items-list.-columns3:not(.-pickup) .c-item:not(.-pickup) {flex-basis:calc(33.3333% - 10px); margin-left:5px; margin-right:5px;}
.-kit .-pad .c-items-list.-columns3.-pickup .c-item, 
.-kit .-pad .c-items-list.-columns3 .c-item.-pickup {margin-left:35px; margin-right:35px;}

@media screen and (max-width:599px) {
.c-items-list {display:block; margin:-7.8125vw 0 0; padding:7.8125vw 0 0;}
.c-items-list > .c-item {margin:7.8125vw 0 0;}
.c-items-list > .c-item.-pickup, 
.c-items-list.-pickup > .c-item {margin-top:7.8125vw; min-height:0;}
.c-items-list > .c-item.-pickup:first-child, 
.c-items-list.-pickup > .c-item:first-child {margin-top:7.8125vw;}

.c-items-list.-columns2 {padding-left:0; padding-right:0;}
.c-items-list.-columns2:not(.-pickup) > .c-item:not(.-pickup) {}

.c-items-list.-columns3 {margin-left:0; margin-right:0; font-size:1rem; font-size:3.125vw;}
.c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) {
	align-items:flex-start; min-height:28.125vw; margin-left:0; margin-right:0; padding-left:45.3125vw; 
	text-align:left; font-size:1rem; font-size:3.125vw;}
.c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) > a:not(.c-buy) {
	width:100%; align-items:flex-start; margin-left:-45.3125vw; padding:inherit; box-sizing:content-box;}
.c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) picture {
	width:calc(45.3125vw - 3.125vw); position:absolute; left:0; top:50%; margin:0; transform:translate3d(0,-50%,0);}
.c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) strong {font-size:1.3rem; font-size:4.0625vw;}
.c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) strong br {display:none;}
.c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) .c-attributes {justify-content:flex-start;}

.c-items-list:first-child {padding-top:0;}

.-kit .-pad .c-items-list {width:auto; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
.-kit .c-item picture::after {}
.-kit .-pickup .c-item, 
.-kit .c-item.-pickup {min-height:0;}
.-kit .c-items-list.-columns2 .c-item picture {width:100%;}

.-kit .-pad .c-items-list {width:auto; margin-left:0; margin-right:0; padding-left:0; padding-right:0;}
.-kit .-pad .c-items-list.-columns3:not(.-pickup) {margin-left:0; margin-right:0;}
.-kit .-pad .c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) {margin-left:0; margin-right:0;}
.-kit .-pad .c-items-list.-columns3.-pickup > .c-item, 
.-kit .-pad .c-items-list.-columns3 > .c-item.-pickup {margin-left:0; margin-right:0;}

.-pad .c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) {padding-left:calc(45.3125vw - 6.25vw);}
.-pad .c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) > a:not(.c-buy) {margin-left:calc(-45.3125vw + 6.25vw);}
.-pad .c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) picture {width:calc(45.3125vw - 3.125vw - 6.25vw);}
}


/* .c-items-title */
.c-template .c-items-title {
	display:table; min-width:300px; 
	position:relative; margin:60px auto 0; padding:0.15em 1.5em 0.25em; border-radius:2em; box-sizing:border-box; 
	background:#ffcb00; background:var(--color-sub); 
	color:#001022; color:var(--color-sub-negative); 
	font-size:24px; font-weight:normal; font-family:"Crimson Text",serif; text-align:center;}
.c-template .c-items-title::after {
	display:block; content:''; width:1000px; position:absolute; left:50%; top:50%; z-index:-1; transform:translateX(-50%); 
	border-top:1px solid #ffcb00; border-top-color:var(--color-sub);}
.c-template .-pad .c-items-title::after {width:920px;}

@media screen and (max-width:599px) {
.c-template .c-items-title {min-width:46.875vw; margin:7.8125vw auto 0; font-size:1.5rem; font-size:4.6875vw;}
.c-template .c-items-title::after {width:calc(100vw - 9.375vw);}
.c-template .-pad .c-items-title::after {width:calc(100vw - 9.375vw - 6.25vw);}
}


/* .c-items-block */
.c-items-block {position:relative; z-index:2; padding:1px 0 0;}
.c-items-block > h1 {display:none;}
.c-items-block > h1.c-items-title {display:table;}
.c-items:first-child > h1.c-items-title {margin-top:0;}
.c-items-block > h1.c-items-title + .c-items-list {padding-top:50px;}
.c-items-block > h1:not(.c-items-title) + .c-items-list {padding-top:0;}

@media screen and (max-width:599px) {
.c-items-block {}
.c-items-block > h1 {}
.c-items-block > h1.c-items-title {}
.c-items-block:first-child > h1.c-items-title {margin-top:0;}
.c-items-block > h1.c-items-title + .c-items-list {padding-top:7.8125vw;}
.c-items-block > h1:not(.c-items-title) + .c-items-list {padding-top:0;}
}


/* .-subpro .c-item */
.-subpro .c-item, 
.-subpro .c-item > a:not(.c-buy) {align-items:flex-start;}
.-subpro .c-item {flex-basis:calc(50% - 20px); padding:30px; background:#fff; text-align:left;}
.-subpro .c-item > a:not(.c-buy) {}
.-subpro .c-item > a:not(.c-buy)::before {display:block;}
.-subpro .c-item picture {width:290px; margin:-30px auto 0;}
.-subpro .c-item picture::after {padding:100% 0 0;}
.-subpro .c-item picture > img {}
.-subpro .c-item strong {}
.-subpro .c-item h2 {
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; 
	position:relative; padding:0 1.5em 0 0; overflow:hidden;}
.-subpro .c-item h2::after {
	display:block; content:'\e813'; position:absolute; right:0; top:50%; transform:translateY(-50%); font:normal 1em/1 icons;}
.-subpro .c-item em {}
.-subpro .c-item .c-buy {display:none;}

.-subpro .c-items-list, 
.c-items-list.-subpro {margin:-20px -10px 0; padding:20px 0 0;}
.-subpro .c-items-list > .c-item, 
.c-items-list.-subpro  > .c-item {margin:20px 10px 0;}
.c-items-block > h1:not(.c-items-title) + .c-items-list {padding-top:20px;}

.-subpro .c-items-list.-columns3, 
.c-items-list.-subpro.-columns3 {margin-left:-10px; margin-right:-10px;}
.-subpro .c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup), 
.c-items-list.-subpro.-columns3:not(.-pickup)  > .c-item:not(.-pickup) {
	flex:0 0; flex-basis:calc(33.3333% - 20px); margin:20px 10px 0; }
.-subpro .c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) picture, 
.c-items-list.-subpro.-columns3:not(.-pickup)  > .c-item:not(.-pickup) picture {width:calc(100% + 30px + 30px); margin:-30px -30px 0;}
.-subpro .c-items-list.-columns3 .c-item strong, 
.c-items-list.-subpro.-columns3  .c-item strong {
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; 
	position:relative; overflow:hidden;}
.-subpro .c-items-list.-columns3 .c-item h2, 
.c-items-list.-subpro.-columns3  .c-item h2 {-webkit-line-clamp:2;}

.-subpro.-buy-soldout .c-item:not(.-buy-normal):not(.-buy-preorder)::after, 
.-subpro .-buy-soldout .c-item:not(.-buy-normal):not(.-buy-preorder)::after, 
.-subpro .c-item.-buy-soldout::after {
	display:flex; justify-content:center; align-items:center; 
	content:'SOLD OUT'; position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; 
	background:rgba(0,0,0,0.5); color:#fff; font-size:2.8rem; font-weight:normal; line-height:1;}

@media screen and (max-width:599px) {
.-subpro .c-item, 
.-subpro .c-item > a:not(.c-buy) {}
.-subpro .c-item {
	flex-basis:calc(50% - 3.125vw); padding:3.125vw; background:#fff; font-size:1rem; font-size:3.125vw; text-align:left;}
.-subpro .c-item > a:not(.c-buy) {}
.-subpro .c-item picture {width:calc(100% + 3.125vw + 3.125vw); margin:-3.125vw -3.125vw 0;}
.-subpro .c-item picture::after {}
.-subpro .c-item picture > img {}
.-subpro .c-item .c-attributes {justify-content:flex-start; align-items:flex-end;}
.-subpro .c-item strong {
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; 
	position:relative; overflow:hidden;}
.-subpro .c-item h2 {-webkit-line-clamp:2;}
.-subpro .c-item h2::after {}
.-subpro .c-item em {}

.-subpro .c-items-list, 
.c-items-list.-subpro {display:flex; margin:-3.125vw -1.5625vw 0; padding:3.125vw 0 0;}
.-subpro .c-items-list > .c-item, 
.c-items-list.-subpro  > .c-item {margin:3.125vw 1.5625vw 0;}
.c-items-block > h1:not(.c-items-title) + .c-items-list {padding-top:3.125vw;}
.-subpro .c-items-list .c-item strong, 
.c-items-list.-subpro  .c-item strong {font-size:1.3rem; font-size:4.0625vw;}

.-subpro .c-items-list.-columns2, 
.c-items-list.-subpro.-columns2, 
.-subpro .c-items-list.-columns3, 
.c-items-list.-subpro.-columns3 {margin-left:-1.5625vw; margin-right:-1.5625vw;}
.-subpro .c-items-list.-columns3 .c-item strong, 
.c-items-list.-subpro.-columns3  .c-item strong {-webkit-line-clamp:2;}
.-subpro .c-items-list.-columns3 .c-item h2, 
.c-items-list.-subpro.-columns3  .c-item h2 {-webkit-line-clamp:2;}
.-subpro .c-items-list.-columns2:not(.-pickup) > .c-item:not(.-pickup), 
.c-items-list.-subpro.-columns2:not(.-pickup)  > .c-item:not(.-pickup), 
.-subpro .c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup), 
.c-items-list.-subpro.-columns3:not(.-pickup)  > .c-item:not(.-pickup) {
	flex:0 0; flex-basis:calc(50% - 3.125vw); margin:3.125vw 1.5625vw 0; padding:3.125vw;}
.-subpro .c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) > a:not(.c-buy), 
.c-items-list.-subpro.-columns3:not(.-pickup)  > .c-item:not(.-pickup) > a:not(.c-buy) {margin:0 -3.125vw -3.125vw; padding-top:0;}
.-subpro .c-items-list.-columns3:not(.-pickup) > .c-item:not(.-pickup) picture, 
.c-items-list.-subpro.-columns3:not(.-pickup)  > .c-item:not(.-pickup) picture {
	width:calc(100% + 3.125vw + 3.125vw); position:relative; top:0; margin:-3.125vw -3.125vw 0; transform:none;}

.-subpro.-buy-soldout .c-item:not(.-buy-normal):not(.-buy-preorder)::after, 
.-subpro .-buy-soldout .c-item:not(.-buy-normal):not(.-buy-preorder)::after, 
.-subpro .c-item.-buy-soldout::after {}
}


/* .c-items-slider */
.c-items-slider {position:relative; z-index:2; margin:50px -30px 0; padding:0 70px 50px; overflow:hidden;}
.c-items-slider::before, 
.c-items-slider::after {
	display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; 
	border:5px solid var(--color-main); pointer-events:none;}
.c-items-slider::before {}
.c-items-slider::after  {left:5px; right:5px; top:5px; bottom:5px; border-color:#e7e7e7;}
.c-items-slider > h1 {
	display:table; position:relative; z-index:3; margin:0 auto; padding:0.4em 2em; background:var(--color-main); 
	color:var(--color-main-negative); font-size:3.6rem; font-family:Lato,sans-serif; font-weight:300; line-height:1; text-align:center;}

html.fac-js-enabled .c-items-slider::before {bottom:50px;}
html.fac-js-enabled .c-items-slider::after  {bottom:55px;}
.c-items-slider > .fac-gallery {width:340px; margin:0 auto 50px -50px; position:static;}
.c-items-slider > .fac-gallery .fac-gallery-slider {}
.c-items-slider > .fac-gallery .fac-gallery-list {margin:0;}
.c-items-slider > .fac-gallery .fac-gallery-item {
	flex:1 1 100% !important; 
	margin-left:10px !important; margin-right:10px !important; padding:20px; background:#fff;}
.c-items-slider > .fac-gallery .fac-gallery-nav {}
.c-items-slider > .fac-gallery .fac-gallery-nav > ol {}
.c-items-slider > .fac-gallery .fac-gallery-nav > button {width:40px; bottom:50px; color:var(--color-main);}
.c-items-slider > .fac-gallery .fac-gallery-nav > button.fac-gallery-next     {right:10px;}
.c-items-slider > .fac-gallery .fac-gallery-nav > button.fac-gallery-previous {left:10px;}

@media screen and (max-width:599px) {
.c-items-slider {margin:8vw 0 0; padding:0 5.3333vw 10vw;}
.c-items-slider::before, 
.c-items-slider::after {border-width:0.8vw;}
.c-items-slider::before {}
.c-items-slider::after  {left:0.8vw; right:0.8vw; top:0.8vw; bottom:0.8vw;}
.c-items-slider > h1 {font-size:1.8rem; font-size:5.625vw;}

.c-items-slider:not(.a):not(.b) .c-items-list {margin-left:-5.3333vw; margin-right:-5.3333vw; font-size:1rem; font-size:3.125vw;}
.c-items-slider:not(.a):not(.b) .c-items-list > .c-item {
	align-items:center; min-height:0; margin-left:5.3333vw !important; margin-right:5.3333vw !important; padding:5.3333vw; 
	text-align:center; font-size:inherit;}
.c-items-slider:not(.a):not(.b) .c-items-list.-columns3 > .c-item > a:not(.c-buy) {align-items:center; width:auto; margin:0; padding:inherit;}
.c-items-slider:not(.a):not(.b) .c-items-list.-columns3 > .c-item picture {width:100%; position:relative; top:0; margin:0 0 4vw; transform:none;}
.c-items-slider:not(.a):not(.b) .c-items-list.-columns3 > .c-item strong {font-size:1.5rem; font-size:4.6875vw;}
.c-items-slider:not(.a):not(.b) .c-items-list.-columns3 > .c-item strong br:not(.pc) {display:block;}
.c-items-slider:not(.a):not(.b) .c-items-list.-columns3 > .c-item .c-attributes {justify-content:center;}
	
html.fac-js-enabled .c-items-slider::before {bottom:10vw;}
html.fac-js-enabled .c-items-slider::after  {bottom:calc(10vw + 0.8vw);}
.c-items-slider:not(.a):not(.b) > .fac-gallery {width:auto; margin:0 -5.3333vw 8vw;}
.c-items-slider:not(.a):not(.b) > .fac-gallery .c-items-list {margin:0;}
.c-items-slider:not(.a):not(.b) > .fac-gallery .fac-gallery-nav > button {width:5.3333vw; bottom:10vw;}
.c-items-slider:not(.a):not(.b) > .fac-gallery .fac-gallery-nav > button.fac-gallery-next     {right:1.6vw;}
.c-items-slider:not(.a):not(.b) > .fac-gallery .fac-gallery-nav > button.fac-gallery-previous {left:1.6vw;}
}


/* .c-focus */
.c-focus {position:relative; margin:0 -220px; padding:0 220px 50px;}
.c-focus > * {position:relative; z-index:2;}
.c-focus > h1 {margin:0 -220px;}
.c-focus > h1 img {display:block; margin:0 auto;}
.c-focus > h1 > a {display:table; margin:0 auto;}
.c-focus > h1 + .c-items-block > h1.c-items-title {
	display:block; position:absolute; left:0; right:0; top:0.3em; z-index:-1; transform:translate3d(0,-100%,0); 
	margin:0; padding:0.5em 1em 0; border-radius:0; 
	background:#fff; background:var(--color-default-negative); 
	color:#001022; color:var(--color-main); 
	font-size:36px;}
.c-focus > h1 + .c-items-block > h1.c-items-title::after {display:none;}
.c-focus .c-focus-bg {position:absolute; left:0; right:0; top:0; z-index:1;}
.c-focus > *:not(.-pad):not(.c-column):not(.c-items-slider):last-child {padding-bottom:0;}

@media screen and (max-width:599px) {
.c-focus {margin:0 -4.6875vw; padding:0 4.6875vw 4.6875vw;}
.c-focus > * {}
.c-focus > h1 {margin:0 -4.6875vw;}
.c-focus > h1 img {width:100%; height:auto;}
.c-focus > h1 + .c-items-block > h1.c-items-title, 
.c-focus > h1 + .c-focus-bg + .c-items-block > h1.c-items-title {
	position:relative; transform:none; margin:0; padding:7.8125vw 0 0; font-size:1.6rem; font-size:5vw;}
.c-focus > h1 + .c-items-block > h1.c-items-title::after, 
.c-focus > h1 + .c-focus-bg + .c-items-block > h1.c-items-title::after {}
.c-focus .c-focus-bg {}
.c-focus > *:not(.-pad):not(.c-column):not(.c-items-slider):last-child {}
}


/* .c-secret */
.c-secret {
	position:relative; padding:20px; 
	background:#fff; background:var(--color-default-negative);}
.c-secret > h1 {
	display:flex; justify-content:center; align-items:center; 
	height:50px; position:absolute; left:50%; top:0; z-index:3; transform:translate3d(-50%,-50%,0); 
	background:#001022; background:var(--color-main); 
	color:#fff; color:var(--color-main-negative); 
	font-size:22px; white-space:nowrap;}
.c-secret > h1::before, 
.c-secret > h1::after  {
	display:block; content:''; position:absolute; top:0; bottom:0; z-index:-1; 
	border:25px solid #001022; border-color:var(--color-main); 
	border-left-width:20px; border-right-width:20px;}
.c-secret > h1::before {left:-39px; border-left-color:transparent;}
.c-secret > h1::after  {right:-39px; border-right-color:transparent;}
.c-secret .c-item {
	width:100%; min-height:435px !important; margin:-20px; padding:inherit; padding-left:700px; box-sizing:content-box; 
	font-size:14px;}
.c-secret .c-item picture {width:650px; left:20px;}
.c-secret .c-item.-pickup:first-child {margin-top:-20px;}
.c-secret .c-items-list {margin:-20px; padding:inherit;}
.c-secret .c-items-list > .c-item[class] {margin:inherit;}
.c-secret .c-items-list > .c-item[class] + .c-item {margin-top:0;}

@media screen and (max-width:599px) {
.c-secret {
	position:relative; padding:3.125vw 3.125vw 7vw; 
	background:#fff; background:var(--color-default-negative);}
.c-secret > h1 {height:9.375vw; font-size:1.2rem; font-size:3.75vw;}
.c-secret > h1::before, 
.c-secret > h1::after  {border-width:4.6875vw; border-left-width:3vw; border-right-width:3vw;}
.c-secret > h1::before {left:-6vw; border-left-color:transparent;}
.c-secret > h1::after  {right:-6vw; border-right-color:transparent;}
.c-secret .c-item {width:auto; min-height:0 !important; margin:-3.125vw; padding:inherit; font-size:1.2rem; font-size:3.75vw;}
.c-secret .c-item picture {width:100%; position:relative; left:0;}
.c-secret .c-item.-pickup:first-child {margin-top:-3.125vw;}
.c-secret .c-items-list {margin:-3.125vw;}
.c-secret .c-items-list > .c-item[class] {}
.c-secret .c-items-list > .c-item[class] + .c-item {}
}


/* .c-column */
.c-column {
	position:relative; z-index:1; margin:70px 0 0; padding:70px 50px 50px; 
	background:#ffcb00; background:var(--color-column-body);}
.c-column::before, 
.c-column::after  {display:block; content:''; position:absolute;}
.c-column::before {
	left:0; right:0; top:0; bottom:0; z-index:-2; 
	background-color:#fff; background-color:var(--color-default-negative); 
	opacity:0.95;}
.c-column::after  {
	left:10px; right:10px; top:10px; bottom:10px; z-index:-1; 
	border:1px solid #ffcb00; border:1px solid var(--color-column-body); 
	border-radius:10px; opacity:0.3;}
.c-column > h1 {
	position:absolute; left:50px; right:50px; top:0; transform:translate3d(0,-50%,0); 
	margin:0 auto; padding:0.8em 1.5em; border-radius:2em; box-sizing:border-box; 
	background:#ffcb00; background:var(--color-column); 
	color:#fff; color:var(--color-column-negative); 
	font-size:24px; font-weight:normal; line-height:1.2; text-align:center;}
.c-column > .c-column-content {}

@media screen and (max-width:599px) {
.c-column {margin:10.9375vw 0 0; padding:12vw 6.25vw 9.375vw;}
.c-column::before, 
.c-column::after  {}
.c-column::before {}
.c-column::after  {left:1.5625vw; right:1.5625vw; top:1.5625vw; bottom:1.5625vw; border-radius:1.5625vw;}
.c-column > h1 {left:3.9vw; right:3.9vw; font-size:1.2rem; font-size:3.75vw;}
.c-column > .c-column-content {}
}

.c-column.-accordion {}
.c-column.-accordion .c-column-fader {
	height:120px; position:absolute; left:0; right:0; bottom:0; z-index:10; 
	transition:opacity 0.2s ease-in-out;}
.c-column.-accordion .c-column-more {
	display:block; width:200px; position:absolute; left:0; right:0; bottom:0; z-index:11; 
	margin:0 auto; padding:0.8em 2em; border:none; border-radius:2em; 
	background:#ffcb00; background:var(--color-column); 
	color:#fff; color:var(--color-column-negative); 
	font-size:15px; font-weight:normal; font-family:Lato,sans-serif; line-height:1; text-align:center; 
	appearance:none; cursor:pointer;}
.c-column.-accordion .c-column-more::after {
	display:flex; justify-content:flex-end; align-items:center; content:'\e822'; 
	position:absolute; left:0; right:0; top:0; bottom:0; padding:0.2em; 
	background:rgba(255,255,255,0); font:bold 2em/1 icons; transition:background-color 0.2s ease-in-out;}
.c-column.-accordion .c-column-more:hover::after {background-color:rgba(255,255,255,0.4);}
html.fac-js-enabled .c-column.-accordion .c-column-content {
	display:block; height:170px; position:relative; transition:height 0.2s ease-in-out;}
html.fac-js-enabled .c-column.-accordion .c-column-content.fac-switcher--shown {height:auto;}
html.fac-js-enabled .c-column.-accordion .c-column-content.fac-switcher--shown > .c-column-fader, 
html.fac-js-enabled .c-column.-accordion .c-column-content.fac-switcher--shown > .c-column-more {opacity:0; pointer-events:none;}


@media screen and (max-width:599px) {
.c-column.-accordion {}
.c-column.-accordion .c-column-fader {height:31.25vw;}
.c-column.-accordion .c-column-more {width:31.25vw; font-size:1rem; font-size:3.125vw;}
.c-column.-accordion .c-column-more::after {}
html.fac-js-enabled .c-column.-accordion .c-column-content {height:46.875vw;}
html.fac-js-enabled .c-column.-accordion .c-column-content.fac-switcher--shown {height:auto;}
}


/* .c-present */
.c-present {padding:40px 0;}
.c-present > h1 {color:#002f76; font-size:48px; font-weight:300; font-family:Lato,sans-serif; line-height:1; text-align:center;}
.c-present > .c-present-item {
	position:relative; margin:20px 0 0; padding:25px; 
	border:5px solid #ed4791; border:5px solid var(--color-main); 
	font-size:16px;}
.c-present > .c-present-item::after {display:block; content:''; clear:both; height:0; overflow:hidden;}
.c-present > .c-present-item > h1 {
	display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin:-30px -30px 30px; padding:0.5em 1em; 
	background:#ed4791; background:var(--color-main); 
	color:#fff; color:var(--color-main-negative); 
	font-size:28px; font-weight:normal; line-height:1.2;}
.c-present > .c-present-item > h1 em {
	display:inline-block; margin:0 1em 0 0; padding:0.4em 1em; border-radius:2em; 
	background:var(--color-main-negative); color:var(--color-main); font-size:15px; font-weight:bold;}
.c-present > .c-present-item > h1 small {margin:0 0 0 1em; font-size:15px;}
.c-present > .c-present-item > picture {float:right; width:440px; margin:0 0 0 20px;}
.c-present > .c-present-item > picture > img {display:block; width:100%; height:auto;}
.c-present > .c-present-item > p {}
.c-present > .c-present-item > p strong {color:#ff0000;}
.c-present > .c-present-item > p strong b {font-size:1.5em;}
.c-present > .c-present-item > h2 {margin:0.5em 0 0; color:#002f76; font-size:34px;}
.c-present > .c-present-item > h2 small {display:block; font-size:18px;}
.c-present > .c-present-item > small {display:block; margin:1em 0 0; font-size:12px;}
.c-present > .c-present-item > .c-present-item-sub {width:480px; margin:15px 0 0;}
.c-present > .c-present-item > .c-present-item-sub > img {display:block; max-width:100%; height:auto;}
.c-present > .c-present-item > .c-present-code {
	clear:both; margin:0; padding:20px; border-top:30px solid #fff; 
	background:#fffded; font-size:16px; text-align:center;}
.c-present > .c-present-item > .c-present-code code {font-size:inherit; font-family:inherit;}
.c-present > .c-present-item > .c-present-code > h1 {color:#002f76; text-align:center;}
.c-present > .c-present-item > .c-present-code > strong {
	display:flex; justify-content:space-between; align-items:center; 
	width:590px; margin:1em auto 0; padding:0.5em; border-radius:5em; 
	background:#002f76; color:#fff; font-weight:bold; line-height:1;}
.c-present > .c-present-item > .c-present-code > strong > b {flex:1 1 100%; display:flex; justify-content:center; align-items:center;}
.c-present > .c-present-item > .c-present-code > strong > b::before {content:'\e913'; margin:0 0.3em 0 0; font:normal 1.5em/1 icons;}
.c-present > .c-present-item > .c-present-code > strong > code {
	flex:1 1 100%; padding:0.5em; border-radius:5em; background:#fff; color:#ed4300;}
.c-present > .c-present-item > .c-present-code > footer {margin:2em 0 0; font-size:14px; text-align:left;}
.c-present > .c-present-item > .c-present-code > footer > h1 {font-weight:bold;}
.c-present > .c-present-item > .c-present-code > footer > strong {display:block;}
.c-present > .c-present-item > .c-present-code > footer > strong code {color:#ed4300;}
.c-present > .c-present-item > .c-present-code > footer > small {display:block; font-size:12px;}
.c-present > .c-present-item:nth-of-type(2n) {border-color:#ed4791; border-color:var(--color-sub);}
.c-present > .c-present-item:nth-of-type(2n) > h1 {background-color:#ed4791; background-color:var(--color-sub);}
.c-present > h1 + .c-present-item {margin-top:40px;}
.c-present > em {display:block; margin:50px 0 0; color:#ff2a00; font-size:12px; text-align:center;}
.c-present > small {display:block; margin:2em 0 0; font-size:12px;}
.c-present > small + small {margin-top:1em;}
.c-present > .c-present-item.-preorder::before {
	display:block; content:''; width:100px; height:0; position:absolute; right:10px; top:10px; z-index:10; padding:100px 0 0; 
	background:url(https://img.loccitane.com/tmp/jp/sfcc/common/images/icon_present-preorder.png); background-size:contain;}
.c-present > .c-present-item.-end::before {
	content:'ご好評につき、終了いたしました。'; 
	display:flex; justify-content:center; align-items:center; 
	width:auto; height:auto; position:absolute; left:-5px; right:-5px; top:-5px; bottom:-5px; z-index:10; padding:0; 
	background:rgba(0,0,0,0.5); color:#fff; font-size:25px; font-weight:bold;}
.c-present > .c-present-item.-end-online::before {
	content:'ご好評につき、オンラインショップでは終了いたしました。'; 
	display:flex; justify-content:center; align-items:center; 
	width:auto; height:auto; position:absolute; left:-5px; right:-5px; top:-5px; bottom:-5px; z-index:10; padding:0; 
	background:rgba(0,0,0,0.5); color:#fff; font-size:25px; font-weight:bold;}

@media screen and (max-width:599px) {
.c-present {padding:7.8125vw 0;}
.c-present > h1 {font-size:2.4rem; font-size:7.5vw;}
.c-present > .c-present-item {
	display:flex; flex-direction:column; 
	margin:3.125vw 0 0; padding:5.2vw; border-width:0.8vw; font-size:1rem; font-size:3.125vw;}
.c-present > .c-present-item::after {display:block; content:''; clear:both; height:0; overflow:hidden;}
.c-present > .c-present-item > h1 {order:-3; display:block; margin:-6vw -6vw 6vw; font-size:1.5rem; font-size:4.6875vw; text-align:center;}
.c-present > .c-present-item > h1 em {display:table; margin:0 auto; font-size:1rem; font-size:3.125vw;}
.c-present > .c-present-item > h1 small {font-size:1rem; font-size:3.125vw;}
.c-present > .c-present-item > picture {order:-2; float:none; width:100%; margin:0 0 1em;}
.c-present > .c-present-item > picture > img {}
.c-present > .c-present-item > p {}
.c-present > .c-present-item > p strong {}
.c-present > .c-present-item > p strong b {font-size:1.4rem; font-size:4.375vw;}
.c-present > .c-present-item > h2 {font-size:1.8rem; font-size:5.625vw;}
.c-present > .c-present-item > h2 small {font-size:1.1rem; font-size:3.4375vw;}
.c-present > .c-present-item > small {font-size:1rem; font-size:3.125vw;}
.c-present > .c-present-item > .c-present-item-sub {order:-1; width:auto; margin:0;}
.c-present > .c-present-item > .c-present-item-sub > img {}
.c-present > .c-present-item > .c-present-code {margin:2em 0 0; padding:4vw; border-top:none; font-size:1rem; font-size:3.125vw;}
.c-present > .c-present-item > .c-present-code code {}
.c-present > .c-present-item > .c-present-code > h1 {}
.c-present > .c-present-item > .c-present-code > strong {width:auto;}
.c-present > .c-present-item > .c-present-code > strong > b {flex-basis:auto;}
.c-present > .c-present-item > .c-present-code > strong > b::before {}
.c-present > .c-present-item > .c-present-code > strong > code {flex-basis:auto;}
.c-present > .c-present-item > .c-present-code > footer {margin-top:1em; font-size:inherit;}
.c-present > .c-present-item > .c-present-code > footer > h1 {}
.c-present > .c-present-item > .c-present-code > footer > strong {}
.c-present > .c-present-item > .c-present-code > footer > strong code {}
.c-present > .c-present-item > .c-present-code > footer > small {font-size:0.9rem; font-size:2.8125vw;}
.c-present > .c-present-item:nth-of-type(2n) {}
.c-present > .c-present-item:nth-of-type(2n) > h1 {}
.c-present > h1 + .c-present-item {margin-top:7.8125vw;}
.c-present > em {margin:2em 0 0; font-size:0.8rem; font-size:2.5vw;}
.c-present > small {font-size:1rem; font-size:3.125vw;}
.c-present > small + small {}
.c-present > .c-present-item.-preorder::before {width:18.75vw; right:1.5625vw; top:7.03125vw; padding:18.75vw 0 0;}
.c-present > .c-present-item.-end::before {
	content:'ご好評につき、\A終了いたしました。'; 
	width:auto; height:auto;  left:-0.8vw; right:-0.8vw; top:-0.8vw; bottom:-0.8vw; 
	font-size:1.5rem; font-size:4.6875vw; white-space:pre; text-align:center;}
.c-present > .c-present-item.-end-online::before {
	content:'ご好評につき、\Aオンラインショップでは\A終了いたしました。'; 
	width:auto; height:auto;  left:-0.8vw; right:-0.8vw; top:-0.8vw; bottom:-0.8vw;
	font-size:1.5rem; font-size:4.6875vw; white-space:pre; text-align:center;}
}

/* .c-promotions */
.c-promotions {
	padding:40px 30px; 
	border-top:1px solid #ccc; border-top-color:var(--color-default-light);}
.c-promotions > h1 {font-size:24px; font-weight:normal; line-height:1; text-align:center;}

.c-promotions > .c-promotions-pickup {
	display:flex; flex-direction:column; justify-content:center; align-items:center; 
	min-height:210px; position:relative; margin:40px 0 0; padding:1em; padding-right:calc(50% + 1em); text-align:center;}
.c-promotions > .c-promotions-pickup::before {
	display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; 
	background:#fff; background:var(--color-default-negative); 
	opacity:0; transition:opacity 0.2s ease-in-out;}
.c-promotions > .c-promotions-pickup::after {
	display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; 
	border:1px solid #000; opacity:0.2;}
.c-promotions > .c-promotions-pickup > picture {
	display:block; width:50%; position:absolute; right:0; top:0; bottom:0; z-index:1; overflow:hidden;}
.c-promotions > .c-promotions-pickup > picture::after {display:block; content:''; height:0; padding:50% 0 0; overflow:hidden;}
.c-promotions > .c-promotions-pickup > picture > img {
	display:block; width:auto; min-width:500%; height:auto; min-height:500%; 
	position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0) scale(0.2);}
.c-promotions > .c-promotions-pickup > strong {display:block; font-size:26px; font-weight:bold; line-height:1.4;}
.c-promotions > .c-promotions-pickup > h2 {margin:0.5em 0 0; font-size:16px; font-weight:normal; line-height:1.5;}
.c-promotions > .c-promotions-pickup:hover::before {opacity:0.2;}
@media all and (-ms-high-contrast:none) {
.c-promotions > .c-promotions-pickup {height:210px;}
}

.c-promotions .c-promotions-list {display:flex; flex-wrap:wrap; margin:-40px -25px 0; padding:40px 0 0; font-size:16px;}
.c-promotions .c-promotions-list > li {flex:0 0 280px; margin:40px 25px 0;}
.c-promotions .c-promotions-list > li > a {display:block; position:relative; text-decoration:none;}
.c-promotions .c-promotions-list > li > a::before {
	display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; 
	background:#fff; background:var(--color-default-negative); 
	opacity:0; transition:opacity 0.2s ease-in-out;}
.c-promotions .c-promotions-list > li picture {display:block; position:relative; overflow:hidden;}
.c-promotions .c-promotions-list > li picture::before {
	display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; 
	border:1px solid #000; opacity:0.2;}
.c-promotions .c-promotions-list > li picture::after {display:block; content:''; height:0; padding:50% 0 0; overflow:hidden;}
.c-promotions .c-promotions-list > li picture > img {
	display:block; width:auto; min-width:200%; height:auto; min-height:200%; 
	position:absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0) scale(0.5);}
.c-promotions .c-promotions-list > li h2 {margin:0.5em 0 0; font-weight:normal;}
.c-promotions .c-promotions-list > li > a:hover::before {opacity:0.2;}

.c-promotions > .fac-gallery {width:330px; margin:0 auto;}
.c-promotions > .fac-gallery .fac-gallery-slider {margin:0 -305px; padding:0 305px 40px; box-sizing:content-box; overflow:hidden;}
.c-promotions > .fac-gallery .fac-gallery-list {flex-wrap:nowrap; margin-left:0; margin-right:0;}
.c-promotions > .fac-gallery .fac-gallery-nav > button {height:140px; top:40px; bottom:auto; background-color:transparent !important;}
.c-promotions > .fac-gallery .fac-gallery-nav > .fac-gallery-previous {left:-435px;}
.c-promotions > .fac-gallery .fac-gallery-nav > .fac-gallery-next     {right:-435px;}

@media screen and (max-width:599px) {
.c-promotions {margin:0; padding:7.8125vw;}
.c-promotions > h1 {font-size:1.2rem; font-size:3.75vw;}

.c-promotions > .c-promotions-pickup {min-height:0; margin:7.8125vw 0 0; padding:1em;}
.c-promotions > .c-promotions-pickup::after {}
.c-promotions > .c-promotions-pickup > picture {width:calc(100% + 1em * 2); position:relative; margin:-1em -1em 1em;}
.c-promotions > .c-promotions-pickup > picture::after {}
.c-promotions > .c-promotions-pickup > picture > img {}
.c-promotions > .c-promotions-pickup > strong {font-size:1.3rem; font-size:4.0625vw;}
.c-promotions > .c-promotions-pickup > h2 {font-size:1rem; font-size:3.125vw;}

.c-promotions .c-promotions-list {margin:-5vw -10.9375vw 0; padding:5vw 0 0; font-size:1rem; font-size:3.125vw;}
.c-promotions .c-promotions-list > li {
	flex:0 0; flex-basis:calc(50% - 3.125vw); 
	margin:5vw 1.5625vw 0;}
.c-promotions .c-promotions-list > li > a {}
.c-promotions .c-promotions-list > li picture {}
.c-promotions .c-promotions-list > li picture::after {}
.c-promotions .c-promotions-list > li picture > img {}
.c-promotions .c-promotions-list > li h2 {}

.c-promotions > .fac-gallery {width:46.875vw;}
.c-promotions > .fac-gallery .fac-gallery-slider {margin:0 -26.5625vw; padding:0 26.5625vw 6.25vw;}
.c-promotions > .fac-gallery .fac-gallery-list {}
.c-promotions > .fac-gallery .fac-gallery-item {flex:1 1 100%;}
.c-promotions > .fac-gallery .fac-gallery-nav > button {display:none;}
}


/* .c-flipbook */
.c-flipbook {position:relative;}
.c-flipbook > li {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; opacity:0;}
.c-flipbook > li:first-child {display:block; position:static;}
.c-flipbook > li.fac-gallery--selected {opacity:1;}

@media screen and (max-width:599px) {
.c-flipbook {}
.c-flipbook > li {}
.c-flipbook > li:first-child {}
.c-flipbook > li.fac-gallery--selected {}
}


/** siblings **/
.c-block:not(.-wide):not(.-pad) + .c-block:not(.-wide):not(.-pad), 
.-subpro .c-block:not(.-wide):not(.-pad) + .c-items-list, 
.c-focus:not(.-kit) + .c-block:not(.-wide):not(.-pad), 
.c-block > .c-block:first-child {padding-top:0;}
.c-block:not(.-wide):not(.-pad) + .c-button {margin-top:0;}
.c-block > .c-block:last-child  {padding-bottom:0;}
.c-block:not(.-wide):not(.-pad) + .c-column {margin-top:30px;}
.c-secret + .c-items-block,
.c-column + .c-items-block {margin-top:60px;}
.c-article > *:first-child {}

@media screen and (max-width:599px) {
.c-block:not(.-wide):not(.-pad) + .c-block:not(.-wide):not(.-pad), 
.-subpro .c-block:not(.-wide):not(.-pad) + .c-items-list, 
.c-focus + .c-block:not(.-wide):not(.-pad), 
.c-block > .c-block:first-child {padding-top:0;}
.c-block:not(.-wide):not(.-pad) + .c-button {margin-top:0;}
.c-block > .c-block:last-child  {padding-bottom:0;}
.c-block:not(.-wide):not(.-pad) + .c-column {margin-top:6.25vw;}
.c-secret + .c-items-block,
.c-column + .c-items-block {margin-top:6.25vw;}
}



/*** Items ***/


/* .c-link */
.c-link {}
.c-link::after {display:inline-block; content:'\e813'; font:normal 1em/1 icons;}


/* .c-button */
a.c-button {
	display:table; min-width:580px; position:relative; margin:40px auto 0; padding:1.7em 120px; 
	background:var(--color-button); color:var(--color-button-negative); font-size:18px; font-weight:bold; text-align:center; line-height:1.2;}
a.c-button::before {
	display:block; content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; background:#fff; opacity:0; 
	transition:opacity 0.2s ease-in-out;}
a.c-button::after {
	display:block; width:3em; content:'\e813'; position:absolute; right:0; top:50%; transform:translateY(-50%); font:normal 1em/1 icons;}
a.c-button > img {display:block; position:absolute; left:0; top:-30px; z-index:3;}
a.c-button:hover::before {opacity:0.4;}

@media screen and (max-width:599px) {
a.c-button {display:block; min-width:0; margin:9.375vw auto 0; padding:1em 16vw; font-size:1.3rem; font-size:4.0625vw;}
a.c-button::before {}
a.c-button::after {}
a.c-button > img {width:16vw; height:auto; top:0; bottom:0; margin:auto;}
a.c-button:hover::before {}
}


/* .c-buy */
.c-buy {
	display:flex; justify-content:center; align-items:center; width:220px; height:50px; position:relative; 
	background:#ffcb00; background:var(--color-button); 
	color:#001022; color:var(--color-button-negative); 
	font-size:16px; font-weight:bold; text-decoration:none;}
.c-buy::before {
	display:flex; justify-content:center; align-items:center; 
	position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;}
.c-buy::after {
	display:flex; justify-content:flex-end; align-items:center; content:'\e821'; 
	position:absolute; left:0; right:0; top:0; bottom:0; padding:0.2em; background-color:rgba(255,255,255,0);
	color:#001022; color:var(--color-button-negative); 
	font:bold 2em/1 icons; transition:background-color 0.2s ease-in-out;}
.c-buy:hover::after, 
a:hover .c-buy::after {background-color:rgba(255,255,255,0.4);}

.c-buy.-buy-preorder, 
.-buy-preorder .c-buy {color:transparent;}
.c-buy.-buy-preorder::before, 
.-buy-preorder .c-buy::before {
	display:flex; content:'予約する'; 
	color:#001022; color:var(--color-button-negative);}

.-buy-normal .c-buy, 
.c-buy.-buy-normal {
	display:flex; color:#001022; color:var(--color-button-negative); 
	pointer-events:auto;}
.c-buy.-buy-normal::before, 
.-buy-normal .c-buy::before {display:none;}

a.-buy-soldout, 
.-buy-soldout a.c-item, 
.-buy-soldout .c-item a, 
.c-item.-buy-soldout a {pointer-events:none;}
.c-buy.-buy-soldout::before, 
.-buy-soldout .c-buy::before {
	display:flex; content:'SOLD OUT'; z-index:3; background-color:#bbb; 
	color:#fff; color:var(--color-default-negative);}

@media screen and (max-width:599px) {
.c-buy {width:42.1875vw; height:12.5vw; font-size:1.2rem; font-size:3.75vw;}
}


/* .c-attributes */
.c-attributes {
	display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; 
	margin:-5px 0 0 -10px; font-size:13px; line-height:1;}
.c-attributes > li {
	margin:5px 0 0 10px; padding:0.2em 0.6em 0.3em; 
	border:1px solid #ffcb00; border:1px solid var(--color-attributes); 
	border-radius:2em; 
	background:#ffcb00; background:var(--color-attributes); 
	color:#001022; color:var(--color-attributes-negative);}
.c-attributes > li.-sub {
	background:#fff; background:var(--color-attributes-negative); 
	color:#ffcb00; color:var(--color-attributes-sub);}

@media screen and (max-width:599px) {
.c-attributes {margin:-1vw 0 0 -2vw; font-size:1rem; font-size:3.125vw;}
.c-attributes > li {margin:1vw 0 0 2vw;}
.c-attributes > li.-sub {}
}


/* .c-note */
.c-note {display:block; padding:20px 0 0; font-size:12px;}

@media screen and (max-width:599px) {
.c-note {padding:3.125vw 0 0; font-size:0.8rem; font-size:2.5vw;}
}


/** JS Components **/


/* fac.Switcher */
.fac-switcher.fac-switcher-button, 
.fac-switcher .fac-switcher-button {cursor:pointer;}
.fac-switcher--height {transition:height 0.5s cubic-bezier(0.19,1,0.22,1) 0s; overflow:hidden;}
.fac-switcher--height.fac-switcher--auto.fac-switcher--hidden:not(.fac-switcher--shown) > *:not(.fac-switcher-head), 
html.fac-js-enabled:not(.fac-start) .fac-switcher--height.fac-switcher--auto.fac-switcher--hidden:not(.fac-switcher--shown) > *:not(.fac-switcher-head) 
	{display:none;}


/* fac.Galley */
.fac-gallery {position:relative; margin:0 auto; pointer-events:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.fac-gallery .fac-gallery-slider {}
.fac-gallery .fac-gallery-list {position:relative; pointer-events:auto;}
.fac-gallery .fac-gallery-item {}
.fac-gallery .fac-gallery-item img {display:block; width:100%; height:auto;}
.fac-gallery--transition-none .fac-gallery-list {}
.fac-gallery--transition-none .fac-gallery-item {}
.fac-gallery--transition-slide .fac-gallery-list {display:flex; flex-wrap:nowrap;}
.fac-gallery--transition-slide .fac-gallery-item {flex:1 1 100%;}
.fac-gallery--direction-vertical .fac-gallery-slider {height:100%;}
.fac-gallery--direction-vertical .fac-gallery-list {flex-direction:column;}
.fac-gallery--direction-vertical .fac-gallery-item img {width:auto; height:100%;}
.fac-gallery .fac-gallery-nav {}
.fac-gallery .fac-gallery-nav > button {
	display:block; width:130px; position:absolute; top:0; bottom:0; z-index:3; padding:0; border:none; outline:none; background:transparent !important; 
	color:#ccc; color:var(--color-default-light); 
	font-size:100px; text-decoration:none; text-indent:110%; white-space:nowrap; overflow:hidden; 
	cursor:pointer; pointer-events:auto; appearance:none;}
.fac-gallery .fac-gallery-nav > button::after {
	display:flex; justify-content:center; align-items:center; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; 
	color:inherit; font-size:1em; font-family:icons; font-weight:normal; text-indent:0; line-height:1; 
	transition:opacity 0.2s ease-in-out;}
.fac-gallery .fac-gallery-nav > button:focus, 
.fac-gallery .fac-gallery-nav > button::-moz-focus-inner {border:none; outline:none;}
.fac-gallery .fac-gallery-nav > button:hover::after {opacity:0.5;}
.fac-gallery .fac-gallery-previous {left:-130px;}
.fac-gallery .fac-gallery-next {right:-130px;}
.fac-gallery .fac-gallery-previous::after {content:"\e823";}
.fac-gallery .fac-gallery-next::after {content:"\e821";}
.fac-gallery .fac-gallery-nav > ol {display:flex; justify-content:center; align-items:center; position:absolute; left:0; right:0; bottom:0; z-index:3;}
.fac-gallery .fac-gallery-nav > ol > li {display:inline-block; width:20px; height:0; position:relative; padding:20px 0 0; overflow:hidden; cursor:pointer; pointer-events:auto;}
.fac-gallery .fac-gallery-nav > ol > li::after {
	display:block; content:""; width:10px; height:10px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; border-radius:100%; 
	background:#ccc; background:var(--color-default-light); 
	text-indent:0; transition:background-color 0.2s ease-in-out 0s;}
.fac-gallery .fac-gallery-nav > ol > li:hover::after, 
.fac-gallery .fac-gallery-nav > ol > li.fac-gallery--selected::after {background:#001022; background-color:var(--color-main);}
.fac-gallery--less .fac-gallery-nav {display:none;}
.fac-gallery:not(.fac-gallery--loop).fac-gallery--first .fac-gallery-nav > .fac-gallery-previous, 
.fac-gallery:not(.fac-gallery--loop).fac-gallery--last  .fac-gallery-nav > .fac-gallery-next {opacity:0; pointer-events:none;}
@media screen and (max-width:599px) {
.fac-gallery .fac-gallery-nav > button {width:10vw; font-size:5rem; font-size:15.625vw; font-weight:bold;}
.fac-gallery .fac-gallery-nav > ol > li {width:2.6666vw; padding:2.6666vw 0 0;}
.fac-gallery .fac-gallery-nav > ol > li::after {width:1.3333vw; height:1.3333vw}
}