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

*{
	margin: 0;
	padding: 0;
}

#wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 25px;
}

section{
	/* border-bottom: solid 1px #63a4c2; */
	margin-bottom: 50px;
}
h1{
	font-size: 200%;
	/* border-bottom: 3px solid #63a4c2; */
	margin-bottom: 30px;
}
#test #wrapper{
	/* background-color: #42D9D1; */

}

/* 背景白で、文字を黒にする指定 */
.fancybox__container {
	background-color: white !important;
	color: #333 !important;
}

.fancybox__container span {
	background: none !important; /* 背景の線形グラデーションを削除 */
	color: #333 !important;
	text-shadow: none !important;
	box-shadow: none !important;
	/* font-size: small; */
	font-size: 16px;

	font-family: 'acumin-pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .1em;
}

.fancybox__container span:last-child {
	opacity: .6;
}

.fancybox__toolbar {
	background: none !important; /* 背景の線形グラデーションを削除 */
	--carousel-button-svg-filter: none !important;
	text-shadow: none !important;
	padding-top: 60px;
}

.fancybox__backdrop {
	background: none !important; /* 背景の線形グラデーションを削除 */
}

.fancybox__caption {
	background: none !important; /* 背景の線形グラデーションを削除 */
	color: #333 !important;
	text-align: center;

	font-family: 'zen-kaku-gothic-antique', sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 15px;
	letter-spacing: 1px;
}

.fancybox__caption span {
	opacity: 1 !important;
	color: #333;
	font-size: 12px;
	font-weight: 300;
}

/* ズームボタンや閉じるボタンの文字（アイコン）を黒に変更 */
.fancybox__button {
	background: none !important; /* 背景の線形グラデーションを削除 */
	/* color: #333 !important; */
}

/* 特定のボタン（ズームボタン）を黒に変更 */
.fancybox__button--zoom {
	background: none !important; /* 背景の線形グラデーションを削除 */
	color: #333 !important;
	transition: all 0.7s ease;
}

.fancybox__button--zoom:hover {
    opacity: .6;
}

/* 特定のボタン（閉じるボタン）を黒に変更 */
.fancybox__button--close {
	background: none !important; /* 背景の線形グラデーションを削除 */
	color: #333 !important;
	transition: all 0.7s ease;
}

.fancybox__button--close:hover {
    opacity: .6;
}

.carousel__button {
	top: 50% !important;
	background: none !important; /* 背景の線形グラデーションを削除 */
	color: #333 !important;
	--carousel-button-svg-filter: none !important;
	transition: all 0.7s ease;
}

@media (max-width: 767px) {
	.is-next, .is-prev {
		visibility: hidden;
	}
}

.carousel__button:hover {
    opacity: .6;
}


.fancybox__thumbs {
	margin: 0 auto;
	width: 60%;
}