@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@500;700&family=Zen+Maru+Gothic:wght@500;700&display=swap');
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

*{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Zen Maru Gothic', sans-serif;
	box-sizing: border-box;
}
html{
}
body{
	font-size: 14px;
	color: #382504;
	line-height: 2;
	overflow-x: hidden;
}
.bodyWrapper{
	overflow-x: hidden;
}
.siteFadeIn {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	height: 100%;
	display: block;
	background: url("../img/bg_light.png");
	pointer-events: none;
	filter: opacity(1);
}
.siteFadeIn.opc {
	filter: opacity(0);
	transition: filter 1s 1s ease-in;
}
a{
	text-decoration: none;
	color: inherit;
	transition: 0.5s;
}
a:hover{
	filter: brightness(1.05);
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	-webkit-user-drag: none;
}

.pcOnly{
	display: block;
}
.spOnly{
	display: none;
}


/*
.scroll_opacity {
	transition: all 1s;
	transform: translateY(10px);
		filter: blur(30px);
	opacity: 0;
}
.scroll_opacity_on {
	transform: translateY(0);
		filter: blur(0px);
	opacity: 1.0;
}
*/




/*
header {
	position: absolute;
	top: 62%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	height: 100vh;
	z-index: 999;
	padding: 10px 0;    
	opacity: 0;
	mix-blend-mode: luminosity;
	animation: 5s logo-opacity 1s forwards;
}
header.head-top-before-scroll {
}
header.head-top-after-scroll {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	transform: inherit;
	height: inherit;
	-webkit- transform: none;
	width: 100%;
	padding: 10px 0;
	background: #fff;
}
header .header-inner {
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	align-items: center;
	width: 960px;
	height: 100%;
}
/* .logo */


/*
header .header-logo-img {
	display: none;
	position: relative;
	width: 100px;
	margin: 0;
	padding: 0;
}
header .header-logo-img.head-top-before-scroll {
	display: none;
}
header .header-logo-img.head-top-after-scroll {
	display: block;
}
header .header-logo-img img {
	width: 120px;
}
*/

/* scroll */
/*
header {
	transition: height 0.4s cubic-bezier(0.34, 0.615, 0.4, 0.985);
}
header.scroll {
	height: 60px;
	position: fixed;
	z-index: 9999;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
header .header-logo-img {
	transition: width 0.4s cubic-bezier(0.34, 0.615, 0.4, 0.985);
}
header.scroll .header-logo-img {
	width: 70px;
}
*/

/* header-navi-box */
/*
header .navi {
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	display: flex;
	list-style: none;
}
header .navi.head-top-before-scroll{
	margin: 0 auto;
}
header .navi.head-top-after-scroll{
	margin: 0 0 0 auto;
}
header .navi li {
	margin: 5px 0 5px 40px;
}
header .navi li:first-child {
	margin-left: 0;
}
header .navi li a {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
}
header .navi li a img {
	width: 120px;
	filter:
		drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.2))
		drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.3));
}
header .navi li a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	header .navi {
		display: none;
	}
}
*/

/* open-button */
/*
.sp-navi-toggle {
	display: none;
	margin: auto 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 40px;
	width: 16px;
	height: 25px;
	transition: all 0.4s;
	color: #382504;
	border: none;
	outline: none;
	background: none;
	-webkit-appearance: unset;
}
.sp-navi-toggle .menu,
.sp-navi-toggle .close {
	position: absolute;
	bottom: 0;
	left: -50%;
	display: block;
	width: 34px;
	height: 11px;
}
.sp-navi-toggle .close {
	display: none;
}
.sp-navi-toggle .bar {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #382504;
}
.sp-navi-toggle .bar:nth-of-type(1) {
	top: 0;
}
.sp-navi-toggle .bar:nth-of-type(2) {
	top: 5px;
}
.sp-navi-toggle .bar:nth-of-type(3) {
	top: 10px;
}
*/
/* close-button */
/*
html.sidebar-is-open .sp-navi-toggle .bar:nth-of-type(1) {
	top: 5px;
	transform: rotate(45deg);
}
html.sidebar-is-open .sp-navi-toggle .bar:nth-of-type(2) {
	top: 5px;
	transform: rotate(-45deg);
}
html.sidebar-is-open .sp-navi-toggle .bar:nth-of-type(3) {
	display: none;
}
html.sidebar-is-open .sp-navi-toggle .menu {
	display: none;
}
html.sidebar-is-open .sp-navi-toggle .close {
	display: block;
}

@media screen and (max-width: 767px) {
	.sp-navi-toggle{
		display: block;
	}
}
*/
/* sp-navi */
/*
.sp-navi-box {
	display: none;
}
.sp-navi {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	list-style: none;
	width: 100%;
	height: 100vh;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.sp-navi li {
	padding: 20px 0;
}
.sp-navi li a {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
.sp-navi li a:hover {
	text-decoration: underline;
}




@media screen and (max-width: 767px) {
	html.sidebar-is-open .sp-navi-box {
		display: block;
	}
	html.sidebar-is-open {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 100%;
	}
}
*/







/*	トップ	*/



.top-contents {
	width: 100%;
	max-width: 980px;
	position: fixed;
	top: 45%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	animation: fadeIn-logo 4s ease 0s 1 normal;
	-webkit-animation: fadeIn-logo 4s ease 0s 1 normal;
	z-index: 0;
}
/*
@keyframes fadeIn-logo {
	0% {
		opacity: 0;
		filter: blur(30px);
	}
	100% {
		opacity: 1;
		filter: blur(0px);
	}
}
@-webkit-keyframes fadeIn-logo {
	0% {
		opacity: 0;
		filter: blur(30px);
	}
	100% {
		opacity: 1;
		filter: blur(0px);
	}
}
*/
.top-contents.top-contents-off {
	opacity: 0;
}

.top-logo-img{
	text-align: center;
	margin-bottom: 30px;
}
.top-logo-img img{
	width: 50%;
	filter:
		drop-shadow(0px 0px 9px rgba(255, 255, 255, 1))
		drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.5));
}
.top-logo-img-sp{
	display: none;
}

.top-contents .btn-gNav span:nth-child(1) {
	top: 0;
}

.top-contents .btn-gNav span:nth-child(2) {
	top: 10px;
}

.top-contents .btn-gNav span:nth-child(3) {
	top: 20px;
}

.top-contents .btn-gNav.open span:nth-child(1) {
	background: #ffffff;
	top: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.top-contents .btn-gNav.open span:nth-child(2),
.top-contents .btn-gNav.open span:nth-child(3) {
	top: 6px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn-gNav {
	display: none;
}
.btn-gNav-img {
	display: none;
}

.gNav{
	width: 100%;
}
.gNav ul.gNav-menu {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 960px;
}

.gNav ul.gNav-menu li{
	width: 120px;
	margin: 0 10px;
	filter:
		drop-shadow(0px 0px 9px rgba(255, 255, 255, 1))
		drop-shadow(0px 0px 3px rgba(255, 255, 255, 1));
}
.gNav ul.gNav-menu li a:hover {
	text-decoration: underline;
}


.gNav-2{
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	opacity: 0;
	transition: 0.5s;
}
.gNav-2.show-gNav-2{
	opacity: 1;
}
.gNav-2::before{
	position: absolute;
	background: url("../img/bg_light_hr_bottom_head.png");
	background-position: center;
	width: 100vw;
	height: 160px;
	bottom: -76px;
	content: "";
}
.gNav-2 .gNav-2-logo{
	width: 200px;
	margin: 0 10px;
}
.gNav-2 ul.gNav-menu-2 {
	display: grid;
	grid-template-columns: 300px 120px 120px 120px 120px 120px;	
	justify-content: center;
	align-items: center;
	margin:0 auto;
	max-width: 960px;
}

.gNav-2 ul.gNav-menu-2 li{
	width: 110px;
	margin: 0 10px;
	filter:
		drop-shadow(0px 0px 9px rgba(255, 255, 255, 1))
		drop-shadow(0px 0px 3px rgba(255, 255, 255, 1));
}
.gNav-2 ul.gNav-menu-2 li a:hover {
	text-decoration: underline;
}















/*	トップ	*/







.kv{
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

.kv .logo{
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	letter-spacing: .2em;
}
.kv .logo img{
	width: 100%;
	margin-top: -14%;
	filter:
		drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.2))
		drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.6))
		drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.9));
	mix-blend-mode: luminosity;
	opacity: 0;
	animation: 5s logo-opacity 0s forwards;
}
@keyframes logo-opacity {
	from {
		opacity: 0;
		filter: blur(50px)
			drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.2))
			drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.6))
			drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.9));
	}
	to {
		opacity: 1;
		filter: blur(0px)
			drop-shadow(0px 0px 30px rgba(255, 255, 255, 0.2))
			drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.6))
			drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.9));
	}
}
.kv .sub-copy{
	color: #fff;
	font-size: 30px;
	margin-top: 10px;
	text-align: center;
}

.video{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	pointer-events: none;
	opacity: 1;
	filter: sepia(40%) blur(3px);
	z-index: -20;
}

.video.video_off {
	opacity: 0;
}

.video::after{
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.video video{
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}


main{
	width: 100%;
	margin: 0 auto;
}
article{
	width: 100%;
	padding: 20px 0 20px;
	margin: 60px auto 0;
	position: relative;
}

section{
	margin: 0 auto;
	width: 960px;
}

.section-md{
	width: 100%;
	text-align: center;
}
.section-md img{
	width: 320px;
}


.top-about-wrapper{
	background: url("../img/bg_dark.png");
	background-position: center;
	padding-bottom: 120px;	/*下に美術資料がない場合必要*/
}
.top-about-wrapper::before{
	position: absolute;
	background: url("../img/bg_dark_hr_top.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}


.top-about-wrapper::after{
	position: absolute;
	background: url("../img/bg_dark_hr_bottom.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}

.top-about-img{
	text-align: center;
}

.top-about-img img{
	width: 75%;
}



.top-about-img{
	text-align: center;
}

.top-about-img img{
	width: 75%;
}




.swiper--wrapper {
	width: 100%;
}

.swiper-slide {
	width: 100%;
	height: 100%;
}



.sakuhin-wrapper{
	background: url("../img/bg_dark.png");
	background-position: center;
	padding-bottom: 120px;	/*下に美術資料がない場合必要*/
}
.sakuhin-wrapper::before{
	position: absolute;
	background: url("../img/bg_dark_hr_top.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.sakuhin-wrapper::after{
	position: absolute;
	background: url("../img/bg_dark_hr_bottom.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}
.sakuhin-inner{
	margin: 80px 0 40px;
}

.sakuhin-grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0px;
	align-items: center;
}
.sakuhin-img{
	opacity: 0;
	animation: 1s sakuhin-frame-opacity 2s forwards;
}
@keyframes sakuhin-frame-opacity {
	from {
		transform: translateY(40px);
		opacity: 0;
	}
	to {
		transform: translateY(0px);
		opacity: 1;
	}
}
.sakuhin-title{
	width: 60%;
	margin: 30px auto 30px;
}
.sakuhin-frame{
	margin: 0 10px 0 20px;
	transform: rotate(-1deg) scale(0.9);
	animation: 4s sakuhin-frame-rotate 0s ease-in-out infinite;
}
@keyframes sakuhin-frame-rotate {
	50% {
		transform: rotate(-4deg) scale(0.9);
	}
}

.sakuhin-text{
	margin: 0 20px 0 10px;
	padding: 20px;
	transform: scale(0.9);
	background: rgba(255,255,255,0.8);
	border-radius: 5px;
	opacity: 0;
	animation: 1s sakuhin-text-opacity 2.5s forwards;
}
@keyframes sakuhin-text-opacity {
	from {
		transform: translateY(40px);
		opacity: 0;
	}
	to {
		transform: translateY(0px);
		opacity: 1;
	}
}
.sakuhin-text-26{
	font-size: 13px;
}


.sakuhin-text-27{
	font-size: 12px;
}

.sakuhin-text-md{
	font-weight: bold;
	background: #382504;
	color: #fff;
	text-align: center;
	margin: 10px 0 20px;
	border-radius: 5px;
}
.sakuhin-text-img{
	text-align: right;
	margin: 24px 0 0;
}
.sakuhin-text-img img{
	width: 36%;
	transform: scale(0.95);
	animation: 3s sakuhin-text-img-scale 0s ease-in-out infinite;
}
@keyframes sakuhin-text-img-scale {
	50% {
		transform: scale(1);
	}
}
.thumbnail-wrapper{
	opacity: 0;
	animation: 1s thumbnail-wrapper-opacity 1s forwards;
}
@keyframes thumbnail-wrapper-opacity {
	from {
		transform: translateY(40px);
		opacity: 0;
	}
	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

.thumbnail-wrapper .swiper-slide {
	filter: saturate(0);
}
.thumbnail-wrapper .swiper-slide-thumb-active {
	filter: saturate(1);
}



.wrapper-dark{
	background: url("../img/bg_dark.png");
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;	/*下に美術資料がない場合必要*/
}
.wrapper-dark::before{
	position: absolute;
	background: url("../img/bg_dark_hr_top.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.wrapper-dark::after{
	position: absolute;
	background: url("../img/bg_dark_hr_bottom.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}

.wrapper-light{
	background: url("../img/bg_light_2.png");
	background-position: center;
	padding-top: 120px;
	padding-bottom: 120px;	/*下に美術資料がない場合必要*/
}
.wrapper-light::before{
	position: absolute;
	background: url("../img/bg_light_hr_top.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.wrapper-light::after{
	position: absolute;
	background: url("../img/bg_light_hr_bottom.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}


.news-wrapper{
	background: url("../img/bg_light_2.png");
	background-position: center;
}
.news-wrapper::before{
	position: absolute;
	background: url("../img/bg_light_hr_top_2.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.news-wrapper::after{
	position: absolute;
	background: url("../img/bg_light_hr_bottom_2.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}
.news-wrapper-sub,
.goods-wrapper-sub{
	background: url("../img/bg_light.png");
	background-position: center;
	padding: 1px 0;
	padding-bottom: 100px;	/*下に美術資料がない場合必要*/
}
.news-wrapper-sub::before,
.goods-wrapper-sub::before{
	position: absolute;
	background: url("../img/bg_light_hr_top.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.news-wrapper-sub::after,
.goods-wrapper-sub::after{
	position: absolute;
	background: url("../img/bg_light_hr_bottom.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}












#news, #goods, #goodspage {
	margin: 80px auto 0;
}

#news ul, #goods ul, #goodspage ul{
	display: grid;
	grid-gap: 20px;
	padding: 0;
	max-width: 960px;
	margin: 0 auto 40px;
}
#news ul{
	grid-template-columns: repeat(3, 1fr);
}
#goods ul{
	grid-template-columns: repeat(3, 1fr);
}
#goodspage ul{
	grid-template-columns: repeat(3, 1fr);
}

#news ul li{
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	margin: 0px auto;
	padding: 20px;
}

#goods ul li {
	width: 100%;
	margin: 0px auto;
	padding: 20px;
}
#goodspage ul li {
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	margin: 0px auto;
	padding: 20px;
}

#news ul li:hover, #goods ul li:hover {
}

#news ul li div.thumbnail, #goods ul li div.thumbnail, #goodspage ul li div.thumbnail {
	text-align: center;
	width: 100%;
}

#news ul li div.thumbnail img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#goods ul li div.thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#goodspage ul li div.thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#goods ul li div.thumbnail-goods,
#goods ul li div.thumbnail-goods-01,
#goods ul li div.thumbnail-goods-02,
#goods ul li div.thumbnail-goods-03,
#goods ul li div.thumbnail-goods-04,
#goods ul li div.thumbnail-goods-05,
#goods ul li div.thumbnail-goods-06{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	transition: 0.75s transform;
}
#goods ul li div.thumbnail-goods{
	transform: rotate(-3deg);
}
#goods ul li div.thumbnail-goods:hover{
	transform: rotate(1deg);
}
#goods ul li div.thumbnail-goods-01{
	transform: rotate(-3deg);
}
#goods ul li div.thumbnail-goods-01:hover{
	transform: rotate(1deg);
}
#goods ul li div.thumbnail-goods-02{
	transform: rotate(2deg);
}
#goods ul li div.thumbnail-goods-02:hover{
	transform: rotate(-2deg);
}
#goods ul li div.thumbnail-goods-03{
	transform: rotate(-1deg);
}
#goods ul li div.thumbnail-goods-03:hover{
	transform: rotate(3deg);
}
#goods ul li div.thumbnail-goods-04{
	transform: rotate(-3deg);
}
#goods ul li div.thumbnail-goods-04:hover{
	transform: rotate(1deg);
}
#goods ul li div.thumbnail-goods-05{
	transform: rotate(2deg);
}
#goods ul li div.thumbnail-goods-05:hover{
	transform: rotate(-2deg);
}
#goods ul li div.thumbnail-goods-06{
	transform: rotate(-1deg);
}
#goods ul li div.thumbnail-goods-06:hover{
	transform: rotate(3deg);
}
#goods ul li div.thumbnail-goods::before,
#goods ul li div.thumbnail-goods-01::before,
#goods ul li div.thumbnail-goods-02::before,
#goods ul li div.thumbnail-goods-03::before,
#goods ul li div.thumbnail-goods-04::before,
#goods ul li div.thumbnail-goods-05::before,
#goods ul li div.thumbnail-goods-06::before{
	position: absolute;
	top: 0;
	content: "";
}
#goods ul li div.thumbnail-goods::before {
	background: url("../img/goods_frame_01.png");
	background-position: center;
	background-size: 100% 100%;
	width: 100%;
	height: 0px;
	left: 0;
	padding-top: calc(500 / 500 * 100%);
	/*calc(画像の高さ / 画像の幅 * widthの値)*/
	z-index: 999;
}
#goods ul li div.thumbnail-goods-01::before {
	background: url("../img/goods_frame_01.png");
	background-position: center;
	background-size: 100% 100%;
	width: 100%;
	height: 0px;
	left: 0;
	padding-top: calc(500 / 500 * 100%);
	/*calc(画像の高さ / 画像の幅 * widthの値)*/
	z-index: 999;
}
#goods ul li div.thumbnail-goods-02::before {
	background: url("../img/goods_frame_02.png");
	background-position: center;
	background-size: 100% 100%;
	width: 100%;
	height: 0px;
	left: 0;
	padding-top: calc(500 / 500 * 100%);
	/*calc(画像の高さ / 画像の幅 * widthの値)*/
	z-index: 999;
}
#goods ul li div.thumbnail-goods-03::before {
	background: url("../img/goods_frame_03.png");
	background-position: center;
	background-size: 100% 100%;
	width: 100%;
	height: 0px;
	left: 0;
	padding-top: calc(500 / 500 * 100%);
	/*calc(画像の高さ / 画像の幅 * widthの値)*/
	z-index: 999;
}
#goods ul li div.thumbnail-goods-04::before {
	background: url("../img/goods_frame_01.png");
	background-position: center;
	background-size: 100% 100%;
	width: 100%;
	height: 0px;
	left: 0;
	padding-top: calc(500 / 500 * 100%);
	/*calc(画像の高さ / 画像の幅 * widthの値)*/
	z-index: 999;
}
#goods ul li div.thumbnail-goods-05::before {
	background: url("../img/goods_frame_02.png");
	background-position: center;
	background-size: 100% 100%;
	width: 100%;
	height: 0px;
	left: 0;
	padding-top: calc(500 / 500 * 100%);
	/*calc(画像の高さ / 画像の幅 * widthの値)*/
	z-index: 999;
}
#goods ul li div.thumbnail-goods-06::before {
	background: url("../img/goods_frame_03.png");
	background-position: center;
	background-size: 100% 100%;
	width: 100%;
	height: 0px;
	left: 0;
	padding-top: calc(500 / 500 * 100%);
	/*calc(画像の高さ / 画像の幅 * widthの値)*/
	z-index: 999;
}

#news ul li{
	text-align: left;
}
#goods ul li {
	text-align: center;
}
#news ul li div p, #goods ul li div p {
	margin: 10px auto 0;
}

#news ul li div p.date, #goods ul li div p.date {
	text-align: center;
	letter-spacing: 5px;
	font-weight: bold;
	border-bottom: 1px solid;
	padding: 0px 0 10px;
}

#news ul li p.title {
	width: 100%;
}
#goods ul li p.title {
	width: 100%;
	font-weight: bold;
}

#news ul li:hover p.date, #goods ul li:hover p.date {
}

#news ul li:hover p.title, #goods ul li:hover p.title {
}


#news-banner{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}
.view-all-img{
	width: 100%;
	text-align: center;
	margin: 80px 0 0;
	transform: scale(0.95);
	animation: 3s view-all-img-scale 0s ease-in-out infinite;
}
@keyframes view-all-img-scale {
	50% {
		transform: scale(1);
	}
}
.view-all-img img{
	width: 200px;
}







.goods-wrapper{
	background: url("../img/bg_light_2.png");
	background-position: center;
}
.goods-wrapper::before{
	position: absolute;
	background: url("../img/bg_light_hr_top_2.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.goods-wrapper::after{
	position: absolute;
	background: url("../img/bg_light_hr_bottom_2.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}



/*PAGE NAV*/

#page-nav {
	text-align: center;
	color: #624F3B;
	margin: 50px 0 10px;
}

#page-nav .current_page {}

#page-nav a.link_before {
	margin: 6px;
	padding-top: 3px;
	color: #624F3B;
	width: 50px;
	height: 3rem;
	display: inline-block;
	text-shadow: 
        #fff 1px 1px 0, #fff -1px -1px 0,
        #fff -1px 1px 0, #fff 1px -1px 0,
        #fff 0px 1px 0, #fff  0-1px 0,
        #fff -1px 0 0, #fff 1px 0 0;
}

#page-nav a.link_next {
	padding-top: 3px;
	color: #624F3B;
	width: 50px;
	height: 3rem;
	display: inline-block;
	text-shadow: 
        #fff 1px 1px 0, #fff -1px -1px 0,
        #fff -1px 1px 0, #fff 1px -1px 0,
        #fff 0px 1px 0, #fff  0-1px 0,
        #fff -1px 0 0, #fff 1px 0 0;
}

#page-nav a:hover {

}

#page-nav a.link_page {
	padding: 5px;
	margin: 5px;
	background-color: #fff;
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 1px solid #624F3B;
	line-height: 20px;
	border-radius: 50px;
}

#page-nav a.link_page:hover {
	background-color: #756656;
	border: 1px solid #624F3B;
	color: #fff;
}

#page-nav span.current_page {
	padding: 5px;
	margin: 5px;
	background-color: #624F3B;
	color: #fff;
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 1px solid #624F3B;
	line-height: 20px;
	border-radius: 50px;
}



.top-media-wrapper{
	background: url("../img/bg_dark.png");
	background-position: center;
	padding-bottom: 120px;	/*下に美術資料がない場合必要*/
}
.top-media-wrapper::before{
	position: absolute;
	background: url("../img/bg_dark_hr_top.png");


	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.top-media-wrapper::after{
	position: absolute;
	background: url("../img/bg_dark_hr_bottom.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}







.media-inner,
.shop-inner{
	padding: 50px 0;
}


.onlineShopBox{
	text-align: center;
	margin: 0 50px;
}
.onlineShopBox img{
	width: 90%;
	margin: 0 0 20px;
	border-radius: 5px;
}


.onlineShopList{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	justify-content: space-around;
	align-items: flex-start;
	margin: 0 50px;
}
.onlineShopList div{
	text-align: center;
	width: 40%;
	margin-bottom: 10px;
}
.onlineShopList div img{
	border-radius: 5px;
	margin-bottom: 10px;
}




.top-stamp-wrapper{
	background: url("../img/bg_light_2.png");
	background-position: center;
}
.top-stamp-wrapper::before{
	position: absolute;
	background: url("../img/bg_light_hr_top_2.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.top-stamp-wrapper::after{
	position: absolute;
	background: url("../img/bg_light_hr_bottom_2.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}



/**************************************************************************/
/********************************子ページ***********************************/
/**************************************************************************/



.about-top-wrapper,
.news-top-wrapper{
	background: url("");
	background-position: center;
	padding-top: 80px;
	padding-bottom: 100px;	/*下に美術資料がない場合必要*/
}
.about-top-wrapper::before,
.news-top-wrapper::before{
	position: absolute;
	background: url("");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}


.about-top-wrapper::after,
.news-top-wrapper::after{
	position: absolute;
	background: url("");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}

.top-title-wrapper{
	background: url("../img/bg_dark.png");
	background-position: center;
	padding-bottom: 120px;	/*下に美術資料がない場合必要*/
}
.top-title-wrapper::before{
	position: absolute;
	background: url("../img/bg_dark_hr_top.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.top-title-wrapper::after{
	position: absolute;
	background: url("../img/bg_dark_hr_bottom.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}


.title-wrapper{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
	align-items: center;
	margin: 40px auto;
	width: 860px;
	text-align: center;
}
.title-wrapper-hr{
	content: "";
	width: 1px;
	height: 60px;
	background: rgba(255,255,255,0.60);
	margin: 0 auto;
}
.title-wrapper-year{
	width: 35%;
	font-size: 36px;
	font-family: 'Kaisei Decol';
	font-weight: bold;
	background: rgba(255,255,255,0.75);
	padding: 0px 60px;
	line-height: 60px;
	border: 1px #fff solid;
	border-radius: 50%;
	text-align: center;
	margin: 70px auto 70px;
}

.title-wrapper-img-odd{
	order: 1;
}
.title-wrapper-img-odd img{
	width: 90%;
	transform: rotate(-1deg);
	animation: 4s title-frame-rotate-odd 0s ease-in-out infinite;
}
@keyframes title-frame-rotate-odd {
	50% {
		transform: rotate(-4deg);
	}
}
.title-wrapper-detail-odd{
	text-align: center;
	order: 2;
}
.title-wrapper-img-even{
	order: 2;
}
.title-wrapper-img-even img{
	width: 90%;
	transform: rotate(-1deg));
	animation: 4s title-frame-rotate-even 1s ease-in-out infinite;
}
@keyframes title-frame-rotate-even {
	50% {
		transform: rotate(-4deg);
	}
}

.title-wrapper-detail-even{
	text-align: center;
	order: 1;
}

.title-inner-tag img{
	width: 70%;
	margin-bottom: 30px;
}
.title-inner-period-head,
.title-inner-number-head,
.title-inner-original-head{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	font-family: 'Kaisei Decol';
	line-height: 5px;
}
.title-inner-period-detail,
.title-inner-number-detail,
.title-inner-original-detail{
	font-size: 27px;
	color: #fff;
	font-weight: bold;
	font-family: 'Kaisei Decol';
	font-style: italic;
	letter-spacing: 2px;
}
.title-inner-original-detail{
	letter-spacing: -1px;
}
.title-wrapper-detail-odd hr,
.title-wrapper-detail-even hr,
.title-wrapper-detail-page hr{
	width: 30%;
	margin: 10px auto 30px;
	border: dashed #C6B8B9 1px;
}
.title-inner-more{
	text-align: right;
}
.title-inner-more img{
	width: 30%;
}
.title-inner-more-btn{
	font-size: 18px;
	font-family: 'Kaisei Decol';
	font-weight: bold;
	background: rgba(255,255,255,1);
	padding: 2px 15px;
	display: inline-block;
	margin-top: 30px;
	transition: 0.5s;
	border: 1px #fff solid;
}

.title-inner-more-btn:hover{
	background: rgba(255,255,255,0.00);
	color: #fff;
	border: 1px #fff solid;
}
.title-inner-copy{
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	font-family: 'Kaisei Decol';
	margin-top: 30px;
}


.about-head-wrapper{
	background: url("../img/bg_light_2.png");
	background-position: center;
	padding-top: 80px;
	padding-bottom: 100px;	/*下に美術資料がない場合必要*/
}
.about-head-wrapper::before{
	position: absolute;
	background: url("../img/bg_light_2.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.about-head-wrapper::after{
	position: absolute;
	background: url("");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}

.about-detail-head-wrapper{
	background: url("../img/bg_dark.png");
	background-position: center;
	padding-bottom: 120px;	/*下に美術資料がない場合必要*/
}
.about-detail-head-wrapper::before{
	position: absolute;
	background: url("../img/bg_dark_hr_top.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.about-detail-head-wrapper::after{
	position: absolute;
	background: url("../img/bg_dark_hr_bottom.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}
.about-detail-content-wrapper{
	background: url("../img/bg_light_2.png");
	background-position: center;
	padding-bottom: 120px;	/*下に美術資料がない場合必要*/
}
.about-detail-content-wrapper::before{
	position: absolute;
	background: url("../img/bg_light_hr_top.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.about-detail-content-wrapper::after{
	position: absolute;
	background: url("../img/bg_light_hr_bottom.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}
.about-detail-content-story{
	font-family: 'Kaisei Decol';
	padding: 40px 20px 60px;
	margin: 40px 20px 60px;
	background: rgba(255,255,255,0.40);
}

.about-detail-frame{
	margin: 0 auto;
	width: 600px;
	transform: rotate(1deg);
	animation: 4s about-frame-rotate 0s ease-in-out infinite;
}

@keyframes about-frame-rotate {
	50% {
		transform: rotate(-1deg);
	}
}
.title-wrapper-detail-page{
	text-align: center;	
}
.title-wrapper-detail-page .title-inner-tag{
	width: 450px;
	margin: 30px auto 0;
}

.about-detail-content-character{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
	padding: 40px 20px 60px;
}

.about-detail-content-character-inner{
	display: grid;
	grid-template-columns: 100px 1fr;
	grid-column-gap: 10px;
	align-items: center;
}
.about-detail-content-character-img img{
	border-radius: 50%;
	/*outline: 3px #fff solid;*/
}
.about-detail-content-character-name{
	font-family: 'Kaisei Decol';
	font-size:clamp(16px, 2.3vw, 27px);
	font-weight: bold;
	border-bottom: 1px dashed #5d544f;
}
.about-detail-content-character-cast{
	font-family: 'Kaisei Decol';
	font-size:clamp(12px, 1.3vw, 17px);
}
.about-detail-content-character-text{
	font-family: 'Kaisei Decol';
	padding: 20px;
	margin: 20px 10px;
	background: rgba(255,255,255,0.40);
}

.about-detail-content-staff{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 50px;
	padding: 40px 50px 60px;
	margin: 40px 20px 60px;
	background: rgba(255,255,255,0.40);
	text-align: center;
}
.about-detail-content-staff-position{
	font-family: 'Kaisei Decol';
	font-size:clamp(13px, 1.3vw, 17px);
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #5d544f;
}
.about-detail-content-staff-name{
	font-family: 'Kaisei Decol';
	font-weight: bold;
	font-size:clamp(15px, 1.8vw, 21px);
	padding-left: 20px;
	width: 75%;
	margin: 0 auto;
}
.back-about{
	text-align: right;
}
.back-about img{
	width: 200px;
	margin: 20px;
}
.back-about:hover{
	opacity: 0.7;
}
.about-list-wrapper{
	background: url("../img/bg_dark.png");
	background-position: center;
	padding-bottom: 120px;
}
.about-list-wrapper::before{
	position: absolute;
	background: url("../img/bg_dark_hr_top.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}
.about-list-wrapper::after{
	position: absolute;
	background: url("../img/bg_dark_hr_bottom.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	bottom: -120px;
	content: "";
}
.about-list-inner{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 50px;
	margin: 40px 20px 60px;
}
.about-list-img-frame{
	margin-bottom: 10px;
	transition: 0.5s;
}
.about-list-img:hover a .about-list-img-frame{
	transform: rotate(-3deg);
}








/*===============================

記事

================================*/

#article {
	position: relative;
	background: rgba(255,255,255,0.50);
	max-width: 960px;
	margin: 50px auto;
	padding: 50px;
	border: 2px solid #877D6D;
}

.articleDate {
	text-align: left;
	padding: 10px 0;
	margin: 0 auto 0;
	font-weight: bold;
	text-shadow: 0px 3px 3px #fff;
	color: #2D391E;
	border-bottom: 1px solid #2D391E;
	font-family: 'Kaisei Decol'!important;
}

.articleTitle {
	text-align: left;
	padding: 10px 0;
	margin: 10px auto 40px;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0px 3px 3px #fff;
	color: #2D391E;
	border-bottom: 3px double #2D391E;
	font-family: 'Kaisei Decol'!important;
}

.articleText {
	margin: 0 auto;
	text-align: left;
}

.articleText a {
	color: #B0341D!important;
}

.articleText a:hover {
	color: #F78975!important;
}

.articleText h3 {
	margin: 8px auto;
	color: #666;
	font-weight: bold;
	font-size: 1.8rem;
	border: none;
}

.mdbar {
	display: inline-block;
	margin: 8px 0 4px;
	background: #564A36;
	color: #FFFFFF;
	padding: 5px 20px;
	font-weight: bold;
}

.mdbox {
	margin: 20px 0 40px;
	padding: 20px;
	border: 2px solid #996633;
	background: #FFFCF7;
}

strong {
	width: 100%;
	margin: 16px auto;
	font-weight: bold;
}

.articleText img {
	padding: 10px 0;
	max-width: 640px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-content: center;
}

.articleFooter {
	text-align: center;
	display: flex;
	justify-content: center;
	margin: 50px 0 0;
	padding: 0 0px;
	border-top: 1px solid #564A36;
	padding: 50px 0 0;
}

.articleFooter span {
	list-style-type: none;
	flex-grow: 1;
	text-align: center;
	width: 100%;
}

.articleFooter span a {
	color: inherit;
}

.articleFooter span+span {
	border-left: 1px solid #2D391E;
}

.articleFooter span:nth-child(1)::before {
	content: "◀";
	margin-right: 15px;
}

.articleFooter span:nth-child(2)::after {
	content: "▶";
	margin-left: 15px;
}

.articleShare {
	display: flex;
	justify-content: flex-end;
	margin: 60px 40px;
	padding: 30px 30px 60px;
	border-bottom: 1px solid;
}

.articleShare_cp {
	display: flex;
	justify-content: flex-end;
	margin: 60px 40px 0;
	padding: 30px;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	margin: 20px 0 40px;
}

th, td {
	padding: 16px;
	font-weight: normal;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
}

th {
	background-color: #2D391E;
	color: #fff;
}

td {
	background-color: #fff;
}








































/**************************************************************************/
/********************************子ページ***********************************/
/**************************************************************************/
/********************************ここまで***********************************/
/**************************************************************************/


.footer-wrapper{
	background: url("../img/bg_footer.png");
	background-position: center;
	padding-bottom: 0;
}
.footer-wrapper::before{
	position: absolute;
	background: url("../img/bg_footer_hr_top.png");
	background-position: center;
	width: 100vw;
	height: 120px;
	top: -120px;
	content: "";
}

.footer-md{
	width: 100%;
	text-align: center;
	margin-top: 0px;
}
.footer-md img{
	width: 320px;
}

.footer-sns{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
	margin: 60px 0;
}

.footer-menu{
	display: flex;
	grid-gap: 40px;
	margin: 60px 0;
	text-align: center;
	justify-content: center;
}

.footer-menu-text{
	color: #fff;
}
.footer-menu-text a{
	color: #fff;
}


.footer-copy{
	width: 100%;
	background: rgba(255,255,255,0.2);
	text-align: center;
	padding: 5px 0;
}
.footer-copy-text{
	color: #fff;
}










/*　　美術資料　　*/



.attachment-01 {
	position: relative;
	padding:300px;
}
.attachment-01.attachment-off {
	opacity: 0;
}
.attachment-01::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-30;
	width:100%;
	height:100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url("../img/attachment_01.jpg");
	background-size: cover;
	filter: contrast(0.2) sepia(0.2) blur(1.5px);
	animation: 10s att-fuwa ease-in-out infinite;
}
@-webkit-keyframes att-fuwa {
	50% {
		filter: contrast(0.4) sepia(0.3) blur(1px);
		transform: scale(1.02)
	}
}
@keyframes att-fuwa {
	50% {
		filter: contrast(0.4) sepia(0.3) blur(1px);
		transform: scale(1.02)
	}
}


.attachment-02 {
	position: relative;
	padding:300px;
}
.attachment-02.attachment-off {
	opacity: 0;
}
.attachment-02::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-40;
	width:100%;
	height:100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url("../img/attachment_02.jpg");
	background-size: cover;
	filter: contrast(0.2) sepia(0.2) blur(1.5px);
	animation: 10s att-fuwa ease-in-out infinite;
}



.attachment-max {
	position: relative;
	padding:60vh;
}
.attachment-max::before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-50;
	width:100%;
	height:100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url("../img/attachment_03.jpg");
	background-size: cover;
	filter: contrast(0.2) sepia(0.2) blur(0.5px);
	animation: 10s att-fuwa ease-in-out infinite;
}



/*　　サイド　　*/

.news-wrapper section{
	position: relative;
}

.news-wrapper section::before{
	position: absolute;
	background: url("../img/side_pato.png");
	background-position: center;
	width: 500px;
	height: 500px;
	left: -450px;
	bottom: 120px;
	content: "";
	filter: contrast(0.15) sepia(1);
	animation: blink 1s infinite alternate;
}
@-webkit-keyframes blink {
  0% {
    opacity: .80;
  }
  11% {
    opacity: .70;
  }
  22% {
    opacity: .80;
  }
  33% {
    opacity: .90;
  }
  44% {
    opacity: .70;
  }
  55% {
    opacity: .80;
  }
  66% {
    opacity: .70;
  }
  77% {
    opacity: .80;
  }
  88% {
    opacity: .90;
  }
  100% {
    opacity: .80;
  }
}
@keyframes blink {
  0% {
    opacity: .80;
  }
  11% {
    opacity: .70;
  }
  22% {
    opacity: .80;
  }
  33% {
    opacity: .90;
  }
  44% {
    opacity: .70;
  }
  55% {
    opacity: .80;
  }
  66% {
    opacity: .70;
  }
  77% {
    opacity: .80;
  }
  88% {
    opacity: .90;
  }
  100% {
    opacity: .80;
  }
}
.news-wrapper section::after{
	position: absolute;
	background: url("../img/side_nero.png");
	background-position: center;
	width: 500px;
	height: 500px;
	right: -400px;
	bottom: 120px;
	content: "";
	filter: contrast(0.15) sepia(1);
	animation: blink 1s infinite alternate;
}


.sakuhin-wrapper section{
	position: relative;
}

.sakuhin-wrapper section::after{
	position: absolute;
	background: url("../img/side_peri.png");
	background-position: center;
	width: 500px;
	height: 500px;
	right: -450px;
	bottom: 120px;
	content: "";
	filter: invert(80%) sepia(0.5);
	animation: blink 1s infinite alternate;
}

.goods-wrapper section{
	position: relative;
}

.goods-wrapper section::before{
	position: absolute;
	background: url("../img/side_furo.png");
	background-position: center;
	width: 500px;
	height: 500px;
	left: -450px;
	bottom: 120px;
	content: "";
	filter: contrast(0.15) sepia(1);
	animation: blink 1s infinite alternate;
}

.top-media-wrapper section{
	position: relative;
}

.top-media-wrapper section::after{
	position: absolute;
	background: url("../img/side_anne.png");
	background-position: center;
	width: 500px;
	height: 500px;
	right: -450px;
	bottom: 120px;
	content: "";
	filter: invert(80%) sepia(0.5);
	animation: blink 1s infinite alternate;
}


.top-stamp-wrapper section{
	position: relative;
}

.top-stamp-wrapper section::after{
	position: absolute;
	background: url("../img/side_tom.png");
	background-position: center;
	width: 500px;
	height: 500px;
	left: -450px;
	bottom: 120px;
	content: "";
	filter: contrast(0.15) sepia(1);
	animation: blink 1s infinite alternate;
}