@charset "EUC-JP";
/*.pickup .inner{justify-content:center!important}*/
.searchBar,
.explainOrderFlowButton,
.pickup .inner .box:nth-child(3),
.paper-list .top-button,
.foil-list .top-button,
section.sample,
section.service,
.footerLinks,
.footerSNS,
.headerNavExamples,
.headerNavRequestForm,
.headerNavTypes,
.headerNavAbout,
.headerNavGuide,
.headerNavTemplates,
.mobileNavLinks a:nth-child(1),
.mobileNavLinks a:nth-child(2),
.mobileNavMenu a:not(:first-child),
.mobileNavMenu .mobileNavMenuAccordion
{
	/*display:none !important;*/
}





/*
	font-family: "EB Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
*/

:root{
	--itemImageAspectRatio:1 / 1;
	--gold:#c1ab04;
	--blue:#1ca7c6;
}
:root{
	--contentsSize:86vw;
	--contentsPadding:7vw;
}
@media (min-width:1401px){
	:root{
		--contentsSize:1200px;
		--contentsPadding:calc((100vw - 1200px) * 0.5);
	}
}
html{
	scroll-padding-top:calc(var(--headerSize));
	scroll-behavior:smooth;
}
body{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:170%;
	font-family:"ÞâÌÀÄ«ÂÎ", "Yu Mincho", YuMincho, "¥Ò¥é¥®¥ÎÌÀÄ« Pro", "Hiragino Mincho Pro", "MS PÌÀÄ«", "MS PMincho", serif;
	font-weight:400;
	font-feature-settings:"palt";
	letter-spacing:0.065em;
	background:white;
	/*color:black;*/
	color:#555555;
	overflow-x:clip;
}
*,*::before,*::after{
	box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6,form,p,table{
	width:100%;
	margin:0;
	font-weight:normal;
}
a,a:focus,a:visited,a:hover{
	color:inherit;
	text-decoration:none;
}
u{
	font-style:inherit;
	font-weight:inherit;
	color:inherit;
	text-decoration:inherit;
	display:inline-block;
	white-space:nowrap;
}
@media (min-width:769px){
	.forMobile{display:none!important;}
}
@media (max-width:768px){
	.forWide{display:none!important;}
}
.contents{
	margin-left:auto;
	margin-right:auto;
	width:var(--contentsSize);
	position:relative;
}
.inherit{
	position:absolute;
	width:100%;
	height:100%;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	object-fit:cover;
	display:block;
}

















:root{
	--headerBarSize:40px;
	--headerSize:90px;
}
.headerBar{
	height:var(--headerBarSize);
	background:black;
	color:white;
	overflow:hidden;
	visibility:visible !important;
	z-index:9950;
}
.headerBar .splide__track,
.headerBar .splide__list{
	height:100%;
}
.informationHeader{
	height:100%;
	padding:0 20px;
	display:flex;
	align-items:center;
	gap:15px;
	font-size:14px;
	line-height:100%;
	white-space:nowrap;
	text-decoration:none;
	transition:color 0.15s ease-out;
}
.informationHeader > *{
	flex-shrink:0;
}
.informationTag{
	font-size:12px;
	color:var(--gold);
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0.2em 1em;
	border-radius:100vw;
	border:1px solid var(--gold);
	transition:color 0.15s ease-out;
}
.informationHeader:hover{
	color:var(--gold);
}
.informationHeader:hover .informationTag{
	color:white;
}

header{
	width:100%;
	height:var(--headerSize);
	background:white;
	position:sticky;
	left:0;
	top:0;
	z-index:10000;
}
header .contents{
	padding-left:290px;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
}
.headerLogo{
	width:290px;
	height:45px;
	display:block;
	position:absolute;
	left:0;
	top:50%;
	transform:translatey(-50%);
}
.headerNav,.headerNav2{
	height:30px;
	display:flex;
	justify-content:right;
	align-items:center;
}
.headerNav a{
	padding:0 24px;
	height:100%;
	display:flex;
	align-items:center;
	border-right:1px solid #bfbfbf;
	font-size:15px;
	position:relative;
	white-space:nowrap;
}
.headerNav a:first-child{
	border-left:1px solid #bfbfbf;
}
.headerNav a svg{
	width:20px;
	height:20px;
	display:block;
	margin-right:5px;
	color:var(--blue);
}
.headerNav a:hover{
	text-decoration:underline;
	text-underline-offset:0.4em;
}
.headerNavCart:not([data-count=""]):not([data-count="0"])::before{
	content:"";
	position:absolute;
	width:6px;
	height:6px;
	left:calc(24px + 20px - 2px);
	top:3px;
	border-radius:100%;
	background:var(--gold);
}
.headerNav2{
	gap:30px;
}
.headerNav2 a{
	font-size:16px;
	height:100%;
	display:flex;
	align-items:flex-end;
	white-space:nowrap;
	text-decoration:none;
}
.headerNav2 a:hover{
	text-decoration:underline;
	text-underline-offset:0.4em;
}
.headerNavSearch{
	width:200px;
	height:30px;
	position:relative;
	border-bottom:1px solid black;
}
.headerMobileIcons{
	display:none;
}


@media (max-width:1280px){
	header .headerNavRequestForm,
	header .headerNavTemplates
	{display:none}
}
@media (max-width:1100px){
	header .headerNavExamples,
	header .headerNavAbout
	{display:none}
}
@media (max-width:980px){
	header .headerNavTypes
	{display:none}
}
@media (max-width:850px){
	header .headerNavContact,
	header .headerNavGuide
	{display:none}
}


@media (min-width:769px){
	.mobileNav{display:none !important;}
}
@media (max-width:768px){
	:root{
		--headerBarSize:35px;
		--headerSize:50px;
	}
	.headerBar{
		position:sticky !important;
		left:0;
		top:calc(var(--headerBarSize) * -1);
	}
	header,.headerrBar{
		transition:top 0.2s ease-out;
	}
	.informationHeader{
		padding:0 10px;
		gap:10px;
	}
	header .contents{
		width:100%;
	}
	.headerLogo{
		width:189px;
		height:30px;
		left:10px;
		top:50%;
	}
	.headerNav,.headerNav2{
		display:none;
	}
	.headerMobileIcons{
		display:flex;
		justify-content:right;
	}
	.headerMobileIcons > *{
		width:var(--headerSize);
		height:var(--headerSize);
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
	}
	.headerMobileIcons svg{
		width:50%;
		height:50%;
		display:block;
		color:var(--blue);
	}
	.headerMobileIcons .headerNavCart svg{
		width:60%;
		height:60%;
	}
	.headerMobileIcons .headerNavCart:not([data-count=""]):not([data-count="0"])::before{
		left:76%;
		top:22%;
	}
	.headerMobileIcons > .headerMenuClose{
		display:none;
	}

	body:has(.mobileNav.active){
		overflow-y:clip;
	}
	body:has(.mobileNav.active) .headerBar{
		top:0;
	}
	body:has(.mobileNav.active) header{
		top:var(--headerBarSize);
	}
	body:has(.mobileNav.active) .headerMobileIcons > .headerMenuOpen{
		display:none;
	}
	body:has(.mobileNav.active) .headerMobileIcons > .headerMenuClose{
		display:flex;
	}

	.mobileNav{
		width:100%;
		height:calc(100lvh - var(--headerBarSize) - var(--headerSize));
		position:fixed;
		top:calc(var(--headerBarSize) + var(--headerSize));
		right:-100%;
		transition:right 0.2s ease-out;
		z-index:9900;
	}
	.mobileNav.active{
		right:0;
	}
	.mobileNavViewport{
		position:relative;
		width:100%;
		height:calc(100svh - var(--headerBarSize) - var(--headerSize));
		overflow-x:clip;
		overflow-y:scroll;
	}
	.mobileNavContents{
		padding-bottom:30px;
		width:100%;
		min-height:calc(100svh - var(--headerBarSize) - var(--headerSize));
		background-color:#f8f8f8;
		background-image:url(https://file001.shop-pro.jp/PA01508/005/assets/images/background_40.webp);
	}
}






.searchBar input[name="keyword"]{
	appearance:none;
	border:none;
	outline:none;
	margin:0;
	width:100%;
	height:30px;
	line-height:30px;
	padding:0 30px 0 0.1em;
	font-size:16px;
	box-sizing:border-box;
	background:none;
}
.searchBar input[name="keyword"]::-webkit-search-decoration{
	display:none;
}
.searchBar input[name="keyword"]::-webkit-input-placeholder {
	color:#bdbdbd;
	font-size:14px;
}
.searchBar input[name="keyword"]::placeholder{
	color:#bdbdbd;
	font-size:14px;
}
.searchBar button[type="submit"]{
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	top:calc(50% - 14px);
	border:none;
	background:none;
}
.searchBar button svg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	transform:scale(0.60);
	fill:#a1a1a1;
}



.mobileNavLinks{
	width:100%;
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
}
.mobileNavLinks a{
	width:50%;
	height:45px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:16px;
	line-height:100%;
	white-space:nowrap;
	text-decoration:none;
}
.mobileNavLinks a svg{
	width:20px;
	height:20px;
	display:block;
	margin-right:5px;
	color:var(--blue);
}
.mobileNavLinks a{
	border-top:1px solid #bfbfbf;
}
.mobileNavLinks a:nth-child(odd){
	border-right:1px solid #bfbfbf;
}
.mobileNavLinks a:nth-last-child(1),
.mobileNavLinks a:nth-last-child(2){
	border-bottom:1px solid #bfbfbf;
}

.mobileNavSearch{
	width:var(--contentsSize);
	margin:30px auto 0 auto;
	border-bottom:1px solid black;
	position:relative;
}
.mobileNavMenu{
	width:var(--contentsSize);
	margin:30px auto 0 auto;
}
.mobileNavMenu a,
.mobileNavMenu span{
	font-size:16px;
	padding:1em 0;
	display:flex;
	justify-content:left;
	align-items:center;
	position:relative;
	text-decoration:none;
}
.mobileNavMenu .mobileNavMenuAccordion + *{
	display:none;
}
.mobileNavMenu .mobileNavMenuAccordion + * > a{
	margin-left:1em;
}
.mobileNavMenuAccordion i{
	width:20px;
	height:20px;
	display:inline-block;
	border:1px solid black;
	margin-left:10px;
	border-radius:100%;
	position:relative;
}
.mobileNavMenuAccordion i::before,
.mobileNavMenuAccordion i::after{
	content:"";
	width:50%;
	height:1px;
	position:absolute;
	left:50%;
	top:50%;
	background:black;
	transform:translate(-50%,-50%);
}
.mobileNavMenuAccordion i::after{
	transform:translate(-50%,-50%) rotate(90deg);
}
.mobileNavMenuAccordion.active i::after{
	content:none;
}











footer{
	margin-top:80px;
	background-color:#00809c;
	background-image:url(https://file001.shop-pro.jp/PA01508/005/assets/images/background_3.webp);
	overflow:hidden;
	position:relative;
}
.footerContact,
.footerContents{
	padding:80px 0 120px 0;
	width:var(--contentsSize);
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.footerContact::before{
	content:"";
	width:100vw;
	height:1px;
	position:absolute;
	left:calc(50% - 50vw);
	bottom:0;
	background:white;
}
.footerContactMessage{
	font-size:18px;
	line-height:170%;
	text-align:center;
	color:white;
}

.footerLinks{
	width:100%;
	display:flex;
	gap:0 30px;
}
.footerLinks > div{
	width:calc(23% - 20px);
	flex-shrink:0;
}
.footerLinks > div:last-child{
	width:calc(54% - 20px);
	display:flex;
	flex-wrap:wrap;
	gap:0 30px;
}
.footerLinks > div > div{
	width:calc(50% - 15px);
	flex-shrink:0;
}
.footerLinks a,
.footerBottomLinks a{
	display:block;
	padding:0.35em 0;
	width:100%;
	color:white;
	text-decoration:none;
}
.footerLinks a:hover,
.footerBottomLinks a:hover{
	text-decoration:underline;
	text-underline-offset:0.2em;
}
.footerBottom{
	margin-top:60px;
	display:flex;
	gap:0 30px;
	color:white;
}
.footerBottomLinks{
	order:2;
	width:calc(54% * 0.5 - 15px);
	flex-shrink:0;
}
.footerInformation{
	width:100%;
	display:flex;
	justify-content:left;
	align-items:flex-end;
	gap:0 50px;
	font-size:15px;
	line-height:150%;
}

.footerSNS{
	width:100%;
	display:flex;
	gap:10px;
}
.footerSNS > a{
	width:50px;
	height:50px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.footerSNS > a svg{
	width:75%;
	height:75%;
	display:block;
}

.footerCredit{
	width:calc(54% * 0.5 - 15px);
	position:absolute;
	right:0;
	bottom:60px;
}

@media (max-width:768px){
	footer{
		margin-top:60px;
	}
	.footerContact,
	.footerContents{
		padding:60px 0;
	}
	.footerContactMessage{
		font-size:16px;
		line-height:170%;
	}

	.footerLinks{
		flex-wrap:wrap;
		justify-content:space-between;
		gap:0;
	}
	.footerLinks > div{
		width:47%;
	}
	.footerLinks > div:last-child{
		margin-top:30px;
		width:100%;
		gap:0;
	}
	.footerLinks > div > div{
		width:100%;
	}


	.footerBottom{
		margin-top:30px;
		display:block;
		gap:0;
	}
	.footerBottomLinks{
		order:unset;
		width:100%;
	}
	.footerInformation{
		margin-top:30px;
		width:100%;
		display:block;
		font-size:15px;
		line-height:150%;
	}
	.footerLogo{
		display:block;
		width:105px;
		height:auto;
		margin-bottom:15px;
	}

	.footerSNS{
		gap:5px;
	}
	.footerSNS > a{
		width:40px;
		height:40px;
	}

	.footerCredit{
		width:100%;
		text-align:center;
		position:relative;
		right:auto;
		bottom:auto;
		margin-top:60px;
	}
}







































.button{
	width:300px;
	max-width:100%;
	height:54px;
	background:none;
	color:black;
	border:1px solid black;
	text-decoration:none;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:18px;
	text-decoration:none;
	white-space:nowrap;
}
.button:hover{
	color:white;
}
.button::after{
	content:"";
	width:30px;
	height:1px;
	background:black;
	position:absolute;
	right:-15px;
	top:calc(50% - 0.5px);
	z-index:2;
}
.button::before{
	content:"";
	width:100%;
	height:100%;
	background:var(--blue);
	left:0;
	top:0;
	position:absolute;
	transition:transform 0.2s cubic-bezier(0.8, 0, 0.2, 1);
	transform:scale(0,1.0);
	transform-origin:right top;
	z-index:1;
}
.button:hover::before{
	transform-origin:left top;
	transform:scale(1.0,1.0);
}

.button.back::after{
	right:auto;
	left:-15px;
}
.button.back::before{
	transform-origin:left top;
}
.button.back:hover::before{
	transform-origin:right top;
}

.button.colored{
	border-color:var(--blue);
	background:var(--blue);
	color:white;
}
.button.colored::before{
	background:white;
}
.button.colored:hover{
	color:var(--blue);
}



.footerContactButton::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background:#000000;
	width:100%;
	height:100%;
}
*:where(.button > *){
	position:relative;
	z-index:3;
}
@media (max-width:768px){
	.button{
		font-size:16px;
		width:280px;
	}
}
.footerContactButton{
	margin:30px auto 0 auto;
	width:400px;
	max-width:100%;
	height:67px;
	background:white;
	color:black;
	border:none;
}
.footerContactButton::after{
	content:none;
}
.footerContactButton::before{
	background:var(--gold);
}
@media (max-width:768px){
	.footerContactButton{
		width:280px;
		height:55px;
	}
}













.breadcrumbs{
	width:var(--contentsSize);
	margin:30px auto 0 auto;
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
	gap:0.5em 0;
}
.breadcrumbs a{
	padding:0.3em 30px 0 0;
	font-size:14px;
	line-height:125%;
	display:block;
	position:relative;
}
.breadcrumbs a:hover{
	text-decoration:underline;
	text-underline-offset:0.2em;
}
.breadcrumbs a:not(:last-child)::after{
	content:"";
	display:block;
	position:absolute;
	width:5px;
	height:5px;
	border-right:1px solid #959595;
	border-top:1px solid #959595;
	right:15px;
	top:calc(50% - 2.5px);
	transform:rotate(45deg);
}






.subpage{
	width:var(--contentsSize);
	max-width:1000px;
	padding-top:70px;
	margin:0 auto;
}
.subpageTitle{
	font-size:30px;
	font-weight:normal;
	text-align:center;
  	line-height: 1.2em;
}
.subpageBlock{
	padding-top:60px;
}
.subpageBlock.indent{
	padding-left:0.75em;
}
.subpageBlockTitle{
	font-size:24px;
	font-weight:bold;
	margin-bottom:0.2em;
}
.subpageContentGroup{
	margin-top:30px;
}
.subpageContentGroup.indent{
	padding-left:0.75em;
}
.subpageContentGroupTitle{
	font-size:20px;
	font-weight:bold;
	margin-bottom:0.2em;
}

@media (max-width:768px){
	.subpage{
		padding-top:45px;
	}
	.subpageTitle{
		font-size:24px;
	}
	.subpageBlock{
		padding-top:45px;
	}
	.subpageBlockTitle{
		font-size:20px;
	}
	.subpageContentGroup{
		margin-top:20px;
	}
	.subpageContentGroupTitle{
		font-size:16px;
	}
}

.subpageContentTitle{
	text-align:center;
	font-size:16px;
	font-weight:bold;
}


.subpagePanes{
	padding-top:60px;
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:stretch;
}
.subpageMainPane{
	width:calc(100% - 250px - 3.5%);
}
.subpageSubPane{
	width:250px;
}
@media (max-width:768px){
	.subpagePanes{
		padding-top:45px;
		display:block;
	}
	.subpageMainPane{
		width:100%;
	}
	.subpageSubPane{
		width:100%;
		max-width:350px;
		margin:60px auto 0 0;
	}
}















.subcategories{
	display:flex;
  	justify-content:center;
	align-items:stretch;
	flex-wrap:wrap;
	--gap:5px;
	--cols:3;
	gap:var(--gap);
}
@media (max-width:900px){
	.subcategories{
		--cols:3;
	}
}
@media (max-width:768px){
	.subcategories{
		--cols:2;
	}
}
.subcategories a{
	width:calc((100% / var(--cols)) - (var(--gap) * (var(--cols) - 1)) / var(--cols));
	display:flex;
	justify-content:left;
	align-items:center;
	font-size:16px;
	line-height:150%;
	padding:0.3em 0.5em;
	border:1px solid #959595;
	border-radius:5px;
	transition:opacity 0.15s ease-out;
	color: rgb(34, 34, 34);
}
.subcategories a img{
	width:40px;
	height:40px;
	display:block;
	object-fit:contain;
	margin-right:7px;
}
















.searchUI{
	display:flex;
	align-items:flex-end;
	border-bottom:1px solid #959595;
	padding:0 0 10px 0;
	margin-top:60px;
	font-size:14px;
}
.subpageTitle + .searchUI{
	margin-top:30px;
}
.searchUICount{
	width:100%;
}
.searchUISort{
	display:flex;
	justify-content:right;
}
.searchUISort a{
	white-space:nowrap;
	margin-left:0.7em;
}
.searchUISort a:hover{
	text-decoration:underline;
}
.searchUISort a.active{
	pointer-events:none;
	color:var(--blue);
}
@media (max-width:768px){
	.searchUI{
		display:block;
		padding:0 0 7px 0;
		margin-top:45px;
	}
	.subpageTitle + .searchUI{
		margin-top:20px;
	}
	.searchUICount{
		text-align:right;
	}
}






.pagination .screen-reader-text{
	display:none;
}
.paginationCount{
	text-align:center;
	font-size:14px;
}
.pagination .nav-links,
.paginationButtons{
	margin-top:15px;
	display:flex;
	justify-content:center;
	gap:3px;
}
.pagination .nav-links > *,
.paginationButton,
.paginationCurrent,
.paginationPrevious,
.paginationNext,
.paginationInterval{
	width:30px;
	height:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:16px;
	line-height:100%;
	white-space:nowrap;
	text-decoration:none;
	position:relative;
}
.pagination .page-numbers,
.paginationButton,
.paginationPrevious,
.paginationNext{
	background:none;
	color:black;
}
.pagination .page-numbers:not(.dots):hover,
.paginationButton:hover,
.paginationPrevious:hover,
.paginationNext:hover{
	background:rgba(0,0,0,0.05);
}
.pagination .page-numbers.current,
.paginationCurrent{
	background:var(--blue);
	color:white;
	pointer-events:none;
}
.pagination .prev,
.paginationPrevious{
	margin-right:15px;
}
.pagination .next,
.paginationNext{
	margin-left:15px;
}
.pagination .prev,
.pagination .next{
	color:transparent;
	user-select:none;
}
.pagination .prev::after,
.pagination .next::after,
.paginationPrevious::after,
.paginationNext::after{
	content:"";
	width:25%;
	height:25%;
	position:absolute;
	top:37.5%;
	transform:rotate(45deg);
}
.pagination .prev::after,
.paginationPrevious::after{
	border-left:1px solid black;
	border-bottom:1px solid black;
	left:35%;
}
.pagination .next::after,
.paginationNext::after{
	border-top:1px solid black;
	border-right:1px solid black;
	right:35%;
}





.itemList{
	display:flex;
	justify-content:left;
	align-items:flex-start;
	flex-wrap:wrap;
	--gap:30px;
	--cols:5;
	gap:var(--gap);
}
@media (max-width:1100px){
	.itemList{
		--cols:4;
	}
}
@media (max-width:900px){
	.itemList{
		--cols:3;
	}
}
@media (max-width:768px){
	.itemList{
		--cols:2;
	}
}
.itemList a{
	width:calc((100% / var(--cols)) - (var(--gap) * (var(--cols) - 1)) / var(--cols));
	display:block;
	transition:opacity 0.15s ease-out;
}
.itemList a:hover{
	opacity:0.8;
}
.itemImage{
	width:100%;
	display:block;
	aspect-ratio:var(--itemImageAspectRatio);
	position:relative;
	background:rgba(0,0,0,0.05);
	border-radius:5px;
	overflow:hidden;
}
.itemImage img{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:block;
	object-fit:cover;
}
.itemName{
	margin-top:0.4em;
	display:block;
}
.itemPrice{
	margin-top:0.2em;
	display:block;
}








.calendarHeader{
	margin-top:80px;
	font-size:30px;
	letter-spacing:0.1em;
	text-align:center;
	color:white;
	white-space:nowrap;
}
.calendarWrapper{
	color:white;
	margin:30px auto 0 auto;
	max-width:800px;
	width:100%;
	display:flex;
	justify-content:space-between;
}
.calendarWrapper,
.calendarNote{
	max-width:800px;
}
.calendarWrapper .tbl_calendar{
	width:45%;
	max-width:320px;
	border-collapse:separate;
	border-spacing:2px;
}
.calendarWrapper th{
	padding:0.85em 0;
	color:white !important;
}
.calendarWrapper td{
	text-align:center;
	color:white !important;
}
.calendarWrapper td[style]{
	background:var(--gold) !important;
}
.calendarNote{
	margin:10px auto 0 auto;
	font-size:14px;
	line-height:150%;
	color:white;
}

@media (max-width:768px){
	.calendarHeader{
		margin-top:50px;
		font-size:22px;
	}
	.calendarWrapper{
		color:white;
		margin:30px auto 0 auto;
		flex-direction:column;
		align-items:center;
		gap:30px;
	}
	.calendarWrapper,
	.calendarNote{
		max-width:290px;
	}
	.calendarWrapper .tbl_calendar{
		width:100%;
		max-width:100%;
	}
	.calendarWrapper th{
		padding:0.6em 0;
	}
	.calendarWrapper td{
		font-size:14px;
	}
	.calendarWrapper td[style]{
		font-size:14px;
	}
}











.button,.top-button,.productButtons{
	font-family: "Kosugi Maru", sans-serif;
	font-weight: 400;
	font-style: normal;
}










body{
	--fadeRange:25px;
}
@media (max-width:768px){
	body{
		--fadeRange:15px;
	}
}
.fadeIn{
	opacity:0;
	transition:
		opacity 1.0s ease-out 0.13s,
		transform 1.0s cubic-bezier(.07,.92,.46,.95) 0.13s;
}
.fromLeft{
	transform:translate(calc(-1 * var(--fadeRange)),0);
}
.fromRight{
	transform:translate(var(--fadeRange),0);
}
.fromTop{
	transform:translate(0,calc(-1 * var(--fadeRange)));
}
.fromBottom{
	transform:translate(0,var(--fadeRange));
}
.fromForeground{
	transform:scale(1.2);
}
.fading{
	opacity:1;
	transform:none;
}
.fadeRemove{
	transition:none;
}

/*¥¢¥×¥ê*/
.plugin-campaign-body{
  font-family: 'FrutigerLTPro-Black', "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "£Í£Ó ¥´¥·¥Ã¥¯", "Osaka¡¾ÅùÉý";
}
.plugin-campaign-wrapper .plugin-campaign-btn-detail a:before {
    content: "";
    display: block;
    width: 8px !important;
    height: 8px !important;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    left: 13px;
    top: 14px !important;
}