/* variable */

/* u */

@media screen and (max-width: 768px) {
	.u_pc {
		display: none !important;
	}
}

@media screen and (min-width: 769px) {
	.u_tb {
		display: none !important;
	}
}

@media screen and (min-width: 426px) {
	.u_sp {
		display: none !important;
	}
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#garary {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	line-height: 1;
	word-wrap: break-word;
}

#garary a {
	display: inline-block;
	font-size: inherit;
	color: inherit;
	cursor: pointer;
	text-decoration: none !important;
}

#garary img {
	pointer-events: none;
	width: 100%;
}

#garary main h1,
#garary main h2,
#garary main h3,
#garary main h4,
#garary main h5,
#garary main h6,
#garary main p,
#garary article h1,
#garary article h2,
#garary article h3,
#garary article h4,
#garary article h5,
#garary article h6,
#garary article p {
	font-size: 10px;
	line-height: 1;
}

#garary body,
#garary div,
#garary pre,
#garary p,
#garary blockquote,
#garary dl,
#garary dt,
#garary dd,
#garary ul,
#garary ol,
#garary li,
#garary h1,
#garary h2,
#garary h3,
#garary h4,
#garary h5,
#garary h6,
#garary form,
#garary fieldset,
#garary th,
#garary td,
#garary figure,
#garary figcaption {
	margin: 0;
	padding: 0;
}

#garary input,
#garary textarea {
	margin: 0;
	font-size: 100%;
}

#garary label {
	cursor: pointer;
}

#garary table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

#garary th,
#garary td {
	list-style: none;
}

#garary fieldset,
#garary img {
	border: 0;
}

#garary img {
	max-width: 100%;
	width: 100%;
	height: auto;
	vertical-align: top;
}

#garary address,
#garary caption,
#garary cite,
#garary code,
#garary dfn,
#garary em,
#garary th,
#garary var {
	font-style: normal;
	font-weight: normal;
}

#garary ol,
#garary ul {
	list-style: none;
}

#garary caption,
#garary th {
	text-align: left;
}

#garary h1,
#garary h2,
#garary h3,
#garary h4,
#garary h5,
#garary h6 {
	font-size: 100%;
	font-weight: normal;
}

#garary q:after,
#garary q:before {
	content: '';
}

#garary a,
#garary input {
	outline: none;
	color: inherit;
}

#garary a {
	text-decoration: none;
}

#garary input,
#garary textarea {
	border-radius: 0;
}

#garary input[type="button"],
#garary input[type="submit"] {
	-webkit-appearance: none;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

#garary abbr,
#garary acronym {
	border: 0;
}

#garary i {
	font-style: normal;
}

#garary main,
#garary section,
#garary article,
#garary time {
	display: block;
}

#garary {
	margin-top: 45px;
	width: 100%;
	/* layout */
	/* m */
	/* unique */
}

@media screen and (max-width: 768px) {
	#garary {
		margin-top: 0;
	}
}

@media screen and (min-width: 769px) {
	#garary .l_inner {
		margin: 0 auto;
		width: 960px;
	}
}

#garary .m_pageHeading {
	text-align: center;
	color: #fff;
	width: 100%;
}

#garary .m_pageHeading .en {
	display: inline-block;
	font-size: 29px;
	font-family: "Mukta Mahee", sans-serif;
	font-weight: normal;
	text-indent: -.052em;
	border-bottom: 2px solid #fff;
	letter-spacing: .052em;
}

@media screen and (max-width: 425px) {
	#garary .m_pageHeading .en {
		font-size: 5.78125vw;
	}
}

#garary .m_pageHeading .jp {
	margin-top: 1.1em;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .15em;
}

@media screen and (max-width: 425px) {
	#garary .m_pageHeading .jp {
		margin-top: .4em;
		font-size: 2.65625vw;
		letter-spacing: .1em;
	}
}

#garary .m_pageHeading.is_black {
	color: #000;
}

#garary .m_pageHeading.is_black .en {
	border-bottom-color: #000;
}

#garary .m_pageHeading.is_grey {
	color: #595757;
}

#garary .m_pageHeading.is_grey .en {
	border-bottom-color: #595757;
}

#garary .m_pageHeading.is_grey .jp {
	font-size: 14px;
}

#garary #gararyHeader {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (min-width: 769px) {
	#garary #gararyHeader {
		margin-bottom: 17px;
	}
}

@media screen and (max-width: 768px) {
	#garary #gararyHeader {
		position: fixed;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		top: 65px;
		left: 0;
		z-index: 999;
		padding: 10px 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.6);
	}
}

@media screen and (max-width: 768px) {
	#garary #gararyHeader .logo {
		width: 64%;
		max-width: 204px;
	}
}

#garary #gararyHeader .nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

@media screen and (min-width: 769px) {
	#garary #gararyHeader .nav {
		margin-right: 58px;
		width: 442px;
	}
}

@media screen and (max-width: 768px) {
	#garary #gararyHeader .nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-flow: column wrap;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 280px;
		z-index: 1;
		overflow: hidden;
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: center top;
		-ms-transform-origin: center top;
		transform-origin: center top;
		-webkit-transition: all .24s ease;
		-o-transition: all .24s ease;
		transition: all .24s ease;
		background-color: rgba(0, 0, 0, 0.6);
	}
}

@media screen and (max-width: 425px) {
	#garary #gararyHeader .nav {
		height: 50vh;
	}
}

#garary #gararyHeader .nav li a {
	position: relative;
	color: #000;
}

@media screen and (min-width: 769px) {
	#garary #gararyHeader .nav li a:hover .jp {
		opacity: 1;
	}
	#garary #gararyHeader .nav li a:hover .en {
		opacity: 0;
	}
}

@media screen and (max-width: 768px) {
	#garary #gararyHeader .nav li a {
		display: block;
		text-align: center;
	}
}

#garary #gararyHeader .nav li a span {
	-webkit-transition: all .12s ease;
	-o-transition: all .12s ease;
	transition: all .12s ease;
}

#garary #gararyHeader .nav li a .jp {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 12px;
	opacity: 0;
	pointer-events: none;
	white-space: nowrap;
	letter-spacing: -.1em;
}

@media screen and (max-width: 768px) {
	#garary #gararyHeader .nav li a .jp {
		display: none;
	}
}

#garary #gararyHeader .nav li a .en {
	font-family: "Mukta Mahee", sans-serif;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	#garary #gararyHeader .nav li a .en {
		font-size: 20px;
		color: #fff;
	}
}

@media screen and (max-width: 425px) {
	#garary #gararyHeader .nav li a .en {
		font-size: 5.3125vw;
		color: #fff;
	}
}

#garary #gararyHeader #menuBtn {
	width: 20px;
	margin-left: 12px;
	pointer-events: all;
	cursor: pointer;
}

@media screen and (max-width: 425px) {
	#garary #gararyHeader #menuBtn {
		margin-left: 3.75%;
	}
}

#garary #gararyHeader #menuBtn > div {
	width: 100%;
	height: 2px;
	background-color: #fff;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transition: all .24s ease;
	-o-transition: all .24s ease;
	transition: all .24s ease;
}

#garary #gararyHeader #menuBtn > div:nth-child(n+2) {
	margin-top: 4px;
}

@media screen and (max-width: 768px) {
	#garary #gararyHeader.active ul {
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
	}
}

#garary #gararyHeader.active #menuBtn > div:nth-child(1) {
	-webkit-transform: translate(0, 300%) rotate(45deg);
	-ms-transform: translate(0, 300%) rotate(45deg);
	transform: translate(0, 300%) rotate(45deg);
}

#garary #gararyHeader.active #menuBtn > div:nth-child(2) {
	opacity: 0;
	-webkit-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	transform: translate(100%, 0);
}

#garary #gararyHeader.active #menuBtn > div:nth-child(3) {
	-webkit-transform: translate(0, -300%) rotate(-45deg);
	-ms-transform: translate(0, -300%) rotate(-45deg);
	transform: translate(0, -300%) rotate(-45deg);
}

#garary #gararyIndex {
	position: relative;
	overflow: hidden;
	margin-top: 16px;
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex {
		margin-top: 38px;
		width: 100%;
	}
}

#garary #gararyIndex .pickarea {
	position: absolute;
	top: 45%;
	left: 50%;
	z-index: 5;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	pointer-events: none;
}

#garary #gararyIndex .pickarea .circleouter {
	position: relative;
}

#garary #gararyIndex .pickarea .circleouter .circleinner {
	position: relative;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	z-index: 2;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .heading {
	position: absolute;
	top: 4em;
	left: 50%;
	z-index: 2;
	border-bottom: 2px solid #000;
	font-family: "Mukta Mahee", sans-serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: .07em;
	text-indent: .07em;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

@media screen and (max-width: 425px) {
	#garary #gararyIndex .pickarea .circleouter .circleinner .pot .heading {
		top: 2em;
	}
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border-radius: 50%;
	overflow: hidden;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="1"] img:nth-child(1) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="2"] img:nth-child(2) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="3"] img:nth-child(3) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="4"] img:nth-child(4) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="5"] img:nth-child(5) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="6"] img:nth-child(6) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="7"] img:nth-child(7) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="8"] img:nth-child(8) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="9"] img:nth-child(9) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="10"] img:nth-child(10) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="11"] img:nth-child(11) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="12"] img:nth-child(12) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="13"] img:nth-child(13) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="14"] img:nth-child(14) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="15"] img:nth-child(15) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="16"] img:nth-child(16) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="17"] img:nth-child(17) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="18"] img:nth-child(18) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="19"] img:nth-child(19) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .img[data-pi="20"] img:nth-child(20) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .year {
	position: absolute;
	bottom: 100px;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	font-family: "Mukta Mahee", sans-serif;
	font-size: 24px;
	letter-spacing: .07em;
	text-indent: .07em;
}

@media screen and (max-width: 425px) {
	#garary #gararyIndex .pickarea .circleouter .circleinner .pot .year {
		bottom: 2.8em;
		font-size: 5.625vw;
	}
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .description {
	position: absolute;
	bottom: 60px;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	font-family: "Mukta Mahee", sans-serif;
	font-size: 12px;
	letter-spacing: .07em;
	text-indent: .07em;
	line-height: 1.4;
	width: 100%;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .pot .description span {
	text-align: center;
	display: block;
}

@media screen and (max-width: 425px) {
	#garary #gararyIndex .pickarea .circleouter .circleinner .pot .description {
		bottom: 2.4em;
		font-size: 2.8125vw;
	}
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara {
	position: relative;
	width: 554px;
	height: 554px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 2;
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex .pickarea .circleouter .circleinner .gara {
		margin-top: 0;
		width: 86.25vw;
		height: 86.25vw;
	}
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="1"] img:nth-child(1) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="2"] img:nth-child(2) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="3"] img:nth-child(3) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="4"] img:nth-child(4) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="5"] img:nth-child(5) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="6"] img:nth-child(6) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="7"] img:nth-child(7) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="8"] img:nth-child(8) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="9"] img:nth-child(9) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="10"] img:nth-child(10) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="11"] img:nth-child(11) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="12"] img:nth-child(12) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="13"] img:nth-child(13) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="14"] img:nth-child(14) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="15"] img:nth-child(15) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="16"] img:nth-child(16) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="17"] img:nth-child(17) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="18"] img:nth-child(18) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="19"] img:nth-child(19) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .circleinner .gara[data-g="20"] img:nth-child(20) {
	opacity: 1;
}

#garary #gararyIndex .pickarea .circleouter .shadow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

#garary #gararyIndex .pickarea .circleouter .shadow div {
	display: block;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	z-index: 0;
	position: relative;
}

#garary #gararyIndex .pickarea .year {
	margin-top: .6em;
	line-height: 1;
	font-size: 16px;
	text-align: center;
	color: #595757;
	font-family: "Mukta Mahee", sans-serif;
	letter-spacing: .05em;
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex .pickarea .year {
		margin-top: 0;
		width: 86.25vw;
	}
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex .pickarea .year {
		margin-top: 5.3vw;
	}
}

@media screen and (max-width: 425px) {
	#garary #gararyIndex .pickarea .year {
		font-size: 4.6875vw;
	}
}

#garary #gararyIndex .pickarea .btn {
	margin-top: 8px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#garary #gararyIndex .pickarea .btn div {
	line-height: 1;
	width: 104px;
}

#garary #gararyIndex .pickarea .btn div:nth-child(2) {
	margin-left: 4px;
}

#garary #gararyIndex .pickarea .btn div span,
#garary #gararyIndex .pickarea .btn div a {
	display: inline-block;
	padding: .2em 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	font-family: "Mukta Mahee", sans-serif;
	font-weight: normal;
	border-radius: 10px;
	border: 2px solid transparent;
	font-size: 13px;
	color: #fff;
	line-height: 1;
	text-align: center;
	pointer-events: all;
	-webkit-transition: all .24s ease;
	-o-transition: all .24s ease;
	transition: all .24s ease;
	pointer-events: all;
	cursor: pointer;
}

@media screen and (max-width: 425px) {
	#garary #gararyIndex .pickarea .btn div span,
	#garary #gararyIndex .pickarea .btn div a {
		border-radius: 1em;
		font-weight: bold;
		font-size: 2.96875vw;
	}
}

#garary #gararyIndex .pickarea .btn div span:hover,
#garary #gararyIndex .pickarea .btn div a:hover {
	background-color: #fff;
	color: #7d7d7d;
	border-color: #7d7d7d;
}

#garary #gararyIndex .pickarea .close {
	position: absolute;
	top: 60px;
	left: -16px;
	z-index: 9;
	width: 54px;
	height: 54px;
	cursor: pointer;
	pointer-events: all;
	opacity: 0;
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex .pickarea .close {
		top: 0;
		left: 0;
		margin: 0 0 0 0;
		width: 8%;
		height: 8%;
	}
}

#garary #gararyIndex .pickarea .close:before,
#garary #gararyIndex .pickarea .close:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 1px;
	background-color: #000;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transition: all .24s ease;
	-o-transition: all .24s ease;
	transition: all .24s ease;
}

#garary #gararyIndex .pickarea .close:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

#garary #gararyIndex .pickarea .close:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

#garary #gararyIndex .choicearea {
	position: relative;
	overflow: hidden;
}

#garary #gararyIndex .choicearea .logo {
	position: absolute;
	top: 452px;
	left: 50%;
	z-index: 4;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#garary #gararyIndex .choicearea .mask {
	position: relative;
	z-index: 3;
	width: 100%;
	pointer-events: none;
}

#garary #gararyIndex .choicearea .color {
	position: absolute;
	top: 70%;
	left: 50%;
	z-index: 2;
	width: 0;
	height: 0;
	border-radius: 50%;
	pointer-events: none;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: hidden;
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex .choicearea .color {
		top: 50%;
	}
}

#garary #gararyIndex .choicearea .color:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: -webkit-radial-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
	background: -o-radial-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
	background: radial-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
}

#garary #gararyIndex .choicearea .items {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}

#garary #gararyIndex .choicearea .items .inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	width: 1096px;
	margin-left: -68px;
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex .choicearea .items .inner {
		width: 107%;
		margin-left: -3.5%;
	}
}

#garary #gararyIndex .choicearea .items .inner div {
	margin: 18px 0 0 154px;
	width: 96px;
	height: 96px;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex .choicearea .items .inner div {
		margin: -1.34% 0 0 25.8%;
		width: 16%;
		height: auto;
	}
}

#garary #gararyIndex .choicearea .items .inner div:hover img {
	opacity: .8;
}

#garary #gararyIndex .choicearea .items .inner div img {
	-webkit-transition: all .24s ease;
	-o-transition: all .24s ease;
	transition: all .24s ease;
}

@media screen and (min-width: 769px) {
	#garary #gararyIndex .choicearea .items .inner div:nth-child(-n+5) {
		margin-top: -14px;
	}
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex .choicearea .items .inner div:nth-child(-n+2) {
		margin-top: -5.3%;
	}
}

#garary #gararyIndex .choicearea .items .inner div.a {
	margin-left: 0 !important;
}

#garary #gararyIndex .choicearea .items .inner div.b {
	margin-left: 126px;
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex .choicearea .items .inner div.b {
		margin-left: 20.9%;
	}
}

#garary #gararyIndex .choicearea .items .inner div.c {
	margin-right: 124px;
}

@media screen and (max-width: 768px) {
	#garary #gararyIndex .choicearea .items .inner div.c {
		margin-right: 10%;
	}
}

#garary #gararyIndex .choicearea .items .inner div.d {
	margin-left: 404px;
}

#garary #gararyIndex [data-p="a"] .circleouter .circleinner {
	-webkit-transform: translateZ(1px) rotateY(0);
	transform: translateZ(1px) rotateY(0);
}

#garary #gararyIndex [data-p="a"] .circleouter .circleinner .pot {
	opacity: 0;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

#garary #gararyIndex [data-p="a"] .circleouter .circleinner .gara {
	opacity: 1;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

#garary #gararyIndex [data-p="a"] .circleouter .shadow div {
	-webkit-transform: translateZ(0) rotateY(0);
	transform: translateZ(0) rotateY(0);
}

#garary #gararyIndex [data-p="b"] .circleouter .circleinner {
	-webkit-transform: translateZ(1px) rotateY(1080deg);
	transform: translateZ(1px) rotateY(1080deg);
}

#garary #gararyIndex [data-p="b"] .circleouter .circleinner .pot {
	opacity: 1;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

#garary #gararyIndex [data-p="b"] .circleouter .circleinner .gara {
	opacity: 0;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

#garary #gararyIndex [data-p="b"] .circleouter .shadow div {
	-webkit-transform: translateZ(0) rotateY(1080deg);
	transform: translateZ(0) rotateY(1080deg);
}

#garary #gararyIndex .color {
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	background-color: orange;
}

#garary #gararyIndex[data-s="a"] .pickarea {
	opacity: 0;
	-webkit-transition: all .4s ease .2s;
	-o-transition: all .4s ease .2s;
	transition: all .4s ease .2s;
}

#garary #gararyIndex[data-s="a"] .pickarea .circleouter {
	-webkit-transform: translate(0, -20%);
	-ms-transform: translate(0, -20%);
	transform: translate(0, -20%);
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

#garary #gararyIndex[data-s="a"] .pickarea .circleouter .shadow {
	-webkit-transform: translate(30%, 30%);
	-ms-transform: translate(30%, 30%);
	transform: translate(30%, 30%);
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

#garary #gararyIndex[data-s="a"] .pickarea .close {
	-webkit-transition: all .24s ease;
	-o-transition: all .24s ease;
	transition: all .24s ease;
	-webkit-transform: scale(0) rotate(0);
	-ms-transform: scale(0) rotate(0);
	transform: scale(0) rotate(0);
}

#garary #gararyIndex[data-s="b"] .pickarea {
	opacity: 1;
	-webkit-transition: all .4s ease .2s;
	-o-transition: all .4s ease .2s;
	transition: all .4s ease .2s;
}

#garary #gararyIndex[data-s="b"] .pickarea .circleouter {
	-webkit-transition: all 1s ease .2s;
	-o-transition: all 1s ease .2s;
	transition: all 1s ease .2s;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

#garary #gararyIndex[data-s="b"] .pickarea .circleouter .shadow {
	-webkit-transform: translate(5.6%, 5.6%);
	-ms-transform: translate(5.6%, 5.6%);
	transform: translate(5.6%, 5.6%);
	-webkit-transition: all 1s ease .2s;
	-o-transition: all 1s ease .2s;
	transition: all 1s ease .2s;
}

#garary #gararyIndex[data-s="b"] .pickarea .close {
	opacity: 1;
	-webkit-transition: all .6s ease .4s;
	-o-transition: all .6s ease .4s;
	transition: all .6s ease .4s;
	-webkit-transform: scale(1) rotate(720deg);
	-ms-transform: scale(1) rotate(720deg);
	transform: scale(1) rotate(720deg);
}

#garary #gararyIndex[data-s="b"] .pickarea .close:hover:before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1.2);
	-ms-transform: translate(-50%, -50%) rotate(45deg) scale(1.2);
	transform: translate(-50%, -50%) rotate(45deg) scale(1.2);
}

#garary #gararyIndex[data-s="b"] .pickarea .close:hover:after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1.2);
	-ms-transform: translate(-50%, -50%) rotate(-45deg) scale(1.2);
	transform: translate(-50%, -50%) rotate(-45deg) scale(1.2);
}

#garary #gararyIndex[data-s="b"] .color {
	width: 2000px;
	height: 2000px;
	background-color: orange;
	pointer-events: all;
	-webkit-transition: all 1.6s ease;
	-o-transition: all 1.6s ease;
	transition: all 1.6s ease;
}

#garary #u_aboutContent {
	position: relative;
}

@media screen and (max-width: 768px) {
	#garary #u_aboutContent {
		margin-top: 38px;
		height: 143vw;
		max-height: 916px;
		background: url(../images/about/u_aboutContent_bg-sp.jpg) no-repeat center center/cover;
	}
}

@media screen and (min-width: 769px) {
	#garary #u_aboutContent {
		height: 626px;
		background: url(../images/about/u_aboutContent_bg.jpg) no-repeat center center/cover;
	}
}

#garary #u_aboutContent.active .lead span {
	opacity: 1 !important;
	-webkit-transform: translate(0) scale(1) !important;
	-ms-transform: translate(0) scale(1) !important;
	transform: translate(0) scale(1) !important;
}

#garary #u_aboutContent .inner {
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	text-align: center;
}

@media screen and (min-width: 769px) {
	#garary #u_aboutContent .inner {
		padding-top: 90px;
	}
}

@media screen and (max-width: 768px) {
	#garary #u_aboutContent .inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-flow: column wrap;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		position: absolute;
	}
}

#garary #u_aboutContent .inner .lead {
	margin-top: 35px;
	line-height: 2.5;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: .3em;
	color: #fff;
}

@media screen and (max-width: 425px) {
	#garary #u_aboutContent .inner .lead {
		margin-top: 1em;
		font-size: 2.96875vw;
		letter-spacing: .12em;
	}
}

#garary #u_aboutContent .inner .lead span {
	display: inline-block;
	opacity: 0;
	-webkit-transform: translate(0, 100%) scale(0.9);
	-ms-transform: translate(0, 100%) scale(0.9);
	transform: translate(0, 100%) scale(0.9);
}

#garary #u_aboutContent .inner .lead span:nth-child(1) {
	-webkit-transition: all 0.6s ease 0.62s;
	-o-transition: all 0.6s ease 0.62s;
	transition: all 0.6s ease 0.62s;
}

#garary #u_aboutContent .inner .lead span:nth-child(2) {
	-webkit-transition: all 0.6s ease 0.64s;
	-o-transition: all 0.6s ease 0.64s;
	transition: all 0.6s ease 0.64s;
}

#garary #u_aboutContent .inner .lead span:nth-child(3) {
	-webkit-transition: all 0.6s ease 0.66s;
	-o-transition: all 0.6s ease 0.66s;
	transition: all 0.6s ease 0.66s;
}

#garary #u_aboutContent .inner .lead span:nth-child(4) {
	-webkit-transition: all 0.6s ease 0.68s;
	-o-transition: all 0.6s ease 0.68s;
	transition: all 0.6s ease 0.68s;
}

#garary #u_aboutContent .inner .lead span:nth-child(5) {
	-webkit-transition: all 0.6s ease 0.7s;
	-o-transition: all 0.6s ease 0.7s;
	transition: all 0.6s ease 0.7s;
}

#garary #u_aboutContent .inner .lead span:nth-child(6) {
	-webkit-transition: all 0.6s ease 0.72s;
	-o-transition: all 0.6s ease 0.72s;
	transition: all 0.6s ease 0.72s;
}

#garary #u_aboutContent .inner .lead span:nth-child(7) {
	-webkit-transition: all 0.6s ease 0.74s;
	-o-transition: all 0.6s ease 0.74s;
	transition: all 0.6s ease 0.74s;
}

#garary #u_aboutContent .inner .lead span:nth-child(8) {
	-webkit-transition: all 0.6s ease 0.76s;
	-o-transition: all 0.6s ease 0.76s;
	transition: all 0.6s ease 0.76s;
}

#garary #u_aboutContent .inner .lead span:nth-child(9) {
	-webkit-transition: all 0.6s ease 0.78s;
	-o-transition: all 0.6s ease 0.78s;
	transition: all 0.6s ease 0.78s;
}

#garary #u_aboutContent .inner .lead span:nth-child(10) {
	-webkit-transition: all 0.6s ease 0.8s;
	-o-transition: all 0.6s ease 0.8s;
	transition: all 0.6s ease 0.8s;
}

#garary #u_aboutContent .inner .lead span:nth-child(11) {
	-webkit-transition: all 0.6s ease 0.82s;
	-o-transition: all 0.6s ease 0.82s;
	transition: all 0.6s ease 0.82s;
}

#garary #u_aboutContent .inner .lead span:nth-child(12) {
	-webkit-transition: all 0.6s ease 0.84s;
	-o-transition: all 0.6s ease 0.84s;
	transition: all 0.6s ease 0.84s;
}

#garary #u_aboutContent .inner .lead span:nth-child(13) {
	-webkit-transition: all 0.6s ease 0.86s;
	-o-transition: all 0.6s ease 0.86s;
	transition: all 0.6s ease 0.86s;
}

#garary #u_aboutContent .inner .lead span:nth-child(14) {
	-webkit-transition: all 0.6s ease 0.88s;
	-o-transition: all 0.6s ease 0.88s;
	transition: all 0.6s ease 0.88s;
}

#garary #u_aboutContent .inner .lead span:nth-child(15) {
	-webkit-transition: all 0.6s ease 0.9s;
	-o-transition: all 0.6s ease 0.9s;
	transition: all 0.6s ease 0.9s;
}

#garary #u_aboutContent .inner .lead span:nth-child(16) {
	-webkit-transition: all 0.6s ease 0.92s;
	-o-transition: all 0.6s ease 0.92s;
	transition: all 0.6s ease 0.92s;
}

#garary #u_aboutContent .inner .lead span:nth-child(17) {
	-webkit-transition: all 0.6s ease 0.94s;
	-o-transition: all 0.6s ease 0.94s;
	transition: all 0.6s ease 0.94s;
}

#garary #u_aboutContent .inner .lead span:nth-child(18) {
	-webkit-transition: all 0.6s ease 0.96s;
	-o-transition: all 0.6s ease 0.96s;
	transition: all 0.6s ease 0.96s;
}

#garary #u_aboutContent .inner .lead span:nth-child(19) {
	-webkit-transition: all 0.6s ease 0.98s;
	-o-transition: all 0.6s ease 0.98s;
	transition: all 0.6s ease 0.98s;
}

#garary #u_aboutContent .inner .lead span:nth-child(20) {
	-webkit-transition: all 0.6s ease 1s;
	-o-transition: all 0.6s ease 1s;
	transition: all 0.6s ease 1s;
}

#garary #u_aboutContent .inner .lead span:nth-child(21) {
	-webkit-transition: all 0.6s ease 1.02s;
	-o-transition: all 0.6s ease 1.02s;
	transition: all 0.6s ease 1.02s;
}

#garary #u_aboutContent .inner .lead span:nth-child(22) {
	-webkit-transition: all 0.6s ease 1.04s;
	-o-transition: all 0.6s ease 1.04s;
	transition: all 0.6s ease 1.04s;
}

#garary #u_aboutContent .inner .lead span:nth-child(23) {
	-webkit-transition: all 0.6s ease 1.06s;
	-o-transition: all 0.6s ease 1.06s;
	transition: all 0.6s ease 1.06s;
}

#garary #u_aboutContent .inner .lead span:nth-child(24) {
	-webkit-transition: all 0.6s ease 1.08s;
	-o-transition: all 0.6s ease 1.08s;
	transition: all 0.6s ease 1.08s;
}

#garary #u_aboutContent .inner .lead span:nth-child(25) {
	-webkit-transition: all 0.6s ease 1.1s;
	-o-transition: all 0.6s ease 1.1s;
	transition: all 0.6s ease 1.1s;
}

#garary #u_aboutContent .inner .lead span:nth-child(26) {
	-webkit-transition: all 0.6s ease 1.12s;
	-o-transition: all 0.6s ease 1.12s;
	transition: all 0.6s ease 1.12s;
}

#garary #u_aboutContent .inner .lead span:nth-child(27) {
	-webkit-transition: all 0.6s ease 1.14s;
	-o-transition: all 0.6s ease 1.14s;
	transition: all 0.6s ease 1.14s;
}

#garary #u_aboutContent .inner .lead span:nth-child(28) {
	-webkit-transition: all 0.6s ease 1.16s;
	-o-transition: all 0.6s ease 1.16s;
	transition: all 0.6s ease 1.16s;
}

#garary #u_aboutContent .inner .lead span:nth-child(29) {
	-webkit-transition: all 0.6s ease 1.18s;
	-o-transition: all 0.6s ease 1.18s;
	transition: all 0.6s ease 1.18s;
}

#garary #u_aboutContent .inner .lead span:nth-child(30) {
	-webkit-transition: all 0.6s ease 1.2s;
	-o-transition: all 0.6s ease 1.2s;
	transition: all 0.6s ease 1.2s;
}

#garary #u_aboutContent .inner .small {
	position: absolute;
	bottom: .6em;
	right: 0;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: .072em;
	text-align: right;
	line-height: 1.5;
}

#garary #zoujirushiDirect_ban {
	padding-top: 60px;
	text-align: center;
}
#garary #zoujirushiDirect_ban a {
	display: inline-block;
	max-width: 100%;
}

@media screen and (max-width: 425px) {
	#garary #u_aboutContent .inner .small {
		width: 100%;
		text-align: center;
		font-size: 2.65625vw;
		letter-spacing: .12em;
		line-height: 1.7;
		font-weight: normal;
	}
	#garary #zoujirushiDirect_ban {
		padding: 40px 15px 0 15px;
	}
}

#garary #u_aboutContent .bg {
	position: relative;
	z-index: 1;
}

#garary #gararyHistory {
	margin-top: 138px;
}

#garary #gararyHistory .lead {
	text-align: center;
	margin-top: 2em;
	line-height: 1.9;
	font-size: 14px;
	font-weight: bold;
}

@media screen and (max-width: 425px) {
	#garary #gararyHistory .lead {
		margin-top: 1.4em;
		font-size: 2.96875vw;
		letter-spacing: .12em;
	}
}

#garary #gararyHistory .block {
	margin-top: 80px;
	width: 100%;
}

@media screen and (min-width: 769px) {
	#garary #gararyHistory .block {
		min-width: 960px;
	}
}

#garary #gararyHistory .block .row {
	width: 100%;
	opacity: 0;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

#garary #gararyHistory .block .row.active {
	opacity: 1;
}

#garary #gararyHistory .block .row:nth-child(2n+1) {
	background-color: #d5d336;
}

@media screen and (max-width: 768px) {
	#garary #gararyHistory .block .row:nth-child(2n+1) .text {
		color: #555 !important;
	}
}

#garary #gararyHistory .block .row:nth-child(1) .detail {
	margin-top: -57px;
}

#garary #gararyHistory .block .row .l_inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
}

@media screen and (max-width: 768px) {
	#garary #gararyHistory .block .row .l_inner {
		display: block;
		margin: 0 auto;
		max-width: 425px;
	}
}

#garary #gararyHistory .block .row .l_inner .year {
	width: 266px;
}

@media screen and (max-width: 768px) {
	#garary #gararyHistory .block .row .l_inner .year {
		display: none;
	}
}

#garary #gararyHistory .block .row .l_inner .text {
	position: absolute;
	top: 200px;
	left: 0;
	font-size: 12px;
	line-height: 2;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	#garary #gararyHistory .block .row .l_inner .text {
		top: auto;
		bottom: 1em;
		left: 2.4em;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
		width: auto;
		color: #959595;
		line-height: 1.4;
	}
}

@media screen and (max-width: 425px) {
	#garary #gararyHistory .block .row .l_inner .text {
		font-size: 2.65625vw;
	}
}

#garary #gararyHistory .block .row .l_inner .detail {
	margin-right: -40px;
	width: 600px;
}

@media screen and (max-width: 768px) {
	#garary #gararyHistory .block .row .l_inner .detail {
		margin-right: 0;
		width: 100%;
	}
}

#garary #gararyDownload {
	margin-top: 138px;
}

#garary #gararyDownload > * {
	opacity: 0;
}

#garary #gararyDownload > *:nth-child(1) {
	-webkit-transition: all 0.6s ease 0.1s;
	-o-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;
}

#garary #gararyDownload > *:nth-child(2) {
	-webkit-transition: all 0.6s ease 0.2s;
	-o-transition: all 0.6s ease 0.2s;
	transition: all 0.6s ease 0.2s;
}

#garary #gararyDownload > *:nth-child(3) {
	-webkit-transition: all 0.6s ease 0.3s;
	-o-transition: all 0.6s ease 0.3s;
	transition: all 0.6s ease 0.3s;
}

#garary #gararyDownload > *:nth-child(4) {
	-webkit-transition: all 0.6s ease 0.4s;
	-o-transition: all 0.6s ease 0.4s;
	transition: all 0.6s ease 0.4s;
}

#garary #gararyDownload > *:nth-child(5) {
	-webkit-transition: all 0.6s ease 0.5s;
	-o-transition: all 0.6s ease 0.5s;
	transition: all 0.6s ease 0.5s;
}

#garary #gararyDownload.active > * {
	opacity: 1 !important;
}

#garary #gararyDownload .lead {
	text-align: center;
	margin-top: 2em;
	line-height: 1.9;
	font-size: 14px;
	font-weight: bold;
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload .lead {
		margin-top: 1.4em;
		font-size: 2.96875vw;
		letter-spacing: .12em;
	}
}

#garary #gararyDownload #itemChoiceAera {
	margin-top: 50px;
}

#garary #gararyDownload #itemChoiceAera #itemSlider {
	position: relative;
	width: 960px;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera #itemSlider {
		width: 100%;
	}
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper {
	margin: 0 auto;
	width: 888px;
	max-width: inherit !important;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper {
		overflow: hidden !important;
		width: 100% !important;
	}
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-viewport {
		overflow: visible !important;
		margin: 0 auto;
		width: 72% !important;
	}
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-viewport li {
	padding: 0 9px 26px;
	width: 148px !important;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-viewport li {
		padding: 0 1.4vw 26px !important;
		width: 25.2vw !important;
	}
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-viewport li {
		padding: 0 1.4vw 20px !important;
		width: 25.2vw !important;
	}
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-viewport li a {
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-viewport li a:hover {
	opacity: .4;
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-viewport li a.active {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-viewport li.new:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 60px;
	height: 29px;
	background: url(../images/download/new.png) no-repeat center center/cover;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-viewport li.new:after {
		-webkit-transform: scale(0.8) translate(-50%, 0);
		-ms-transform: scale(0.8) translate(-50%, 0);
		transform: scale(0.8) translate(-50%, 0);
	}
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-controls-direction a {
	display: block;
	position: absolute;
	top: 63px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 0;
	height: 0;
	font-size: 0 !important;
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-controls-direction a {
		top: 41%;
	}
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-controls-direction a.bx-next {
	right: -8px;
	border-top: 6px solid transparent;
	border-left: 10px solid #9e9e9f;
	border-bottom: 6px solid transparent;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-controls-direction a.bx-next {
		border-radius: 4px;
		border: none;
		right: 4.6%;
		width: 4vw;
		height: 4vw;
		background-color: rgba(0, 0, 0, 0.6);
	}
	#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-controls-direction a.bx-next:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
		display: block;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		width: 1vw;
		height: 1vw;
	}
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-controls-direction a.bx-prev {
	left: -8px;
	border-top: 6px solid transparent;
	border-right: 10px solid #9e9e9f;
	border-bottom: 6px solid transparent;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-controls-direction a.bx-prev {
		border-radius: 4px;
		border: none;
		left: 4.6%;
		width: 4vw;
		height: 4vw;
		background-color: rgba(0, 0, 0, 0.6);
	}
	#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-controls-direction a.bx-prev:after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(-135deg);
		-ms-transform: translate(-50%, -50%) rotate(-135deg);
		transform: translate(-50%, -50%) rotate(-135deg);
		display: block;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		width: 1vw;
		height: 1vw;
	}
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-pager {
	margin-top: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-pager .bx-pager-item:nth-child(n+2) {
	margin-left: 16px;
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-pager .bx-pager-item a {
	display: inline-block;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	background-color: #ddd;
}

#garary #gararyDownload #itemChoiceAera #itemSlider .bx-wrapper .bx-pager .bx-pager-item a.active {
	background-color: #000;
}

#garary #gararyDownload #itemChoiceAera #itemCat {
	margin-top: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#garary #gararyDownload #itemChoiceAera #itemCat div {
	cursor: pointer;
	pointer-events: all;
	text-align: center;
	padding: .4em 0;
	margin-right: 70px;
	width: 7.6em;
	font-size: 14px;
	font-weight: bold;
	-webkit-transition: all .24s ease;
	-o-transition: all .24s ease;
	transition: all .24s ease;
}

#garary #gararyDownload #itemChoiceAera #itemCat div:hover {
	background-color: #000;
	color: #fff;
}

#garary #gararyDownload #itemChoiceAera #itemCat div:last-child {
	margin-right: 0;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera #itemCat div {
		margin-right: 2em;
	}
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera #itemCat div {
		font-size: 2.96875vw;
	}
}

#garary #gararyDownload #itemChoiceAera[data-w="wallpaper"] [data-t="wallpaper"] {
	background-color: #000;
	color: #fff;
}

#garary #gararyDownload #itemChoiceAera[data-w="writingpaper"] [data-t="writingpaper"] {
	background-color: #000;
	color: #fff;
}

#garary #gararyDownload #itemChoiceAera[data-w="bookcover"] [data-t="bookcover"] {
	background-color: #000;
	color: #fff;
}

#garary #gararyDownload #itemChoiceAera .year {
	text-align: center;
	margin-top: 48px;
	letter-spacing: .09em;
	font-size: 25px;
	font-family: "Mukta Mahee", sans-serif;
	text-indent: -.09em;
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera .year {
		font-size: 5.3125vw;
	}
}

#garary #gararyDownload #itemChoiceAera .name {
	text-align: center;
	margin: .4em 0 26px;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera .name {
		margin-top: 0;
		font-weight: bold;
	}
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera .name {
		font-size: 2.96875vw;
	}
}

#garary #gararyDownload #itemChoiceAera .btn {
	margin: 44px auto 0;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera .btn {
		margin-top: 9.3%;
		width: 100%;
		font-size: 4.0625vw;
	}
}

#garary #gararyDownload #itemChoiceAera .btn a {
	display: inline-block;
	padding: .7em 2em;
	background-color: #a1a1a1;
	font-size: 18px;
	font-family: "Mukta Mahee", sans-serif;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera .btn a {
		font-size: 4.0625vw;
	}
}

@media screen and (min-width: 769px) {
	#garary #gararyDownload #itemChoiceAera .btn a {
		-webkit-transition: all .24s ease;
		-o-transition: all .24s ease;
		transition: all .24s ease;
	}
	#garary #gararyDownload #itemChoiceAera .btn a:hover {
		background-color: #000;
	}
}

#garary #gararyDownload #itemChoiceAera .text {
	margin: .6em auto 0;
	width: 513px;
	font-size: 11px;
	line-height: 1.4;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera .text {
		margin-top: 1em !important;
		padding: 0 2.6%;
		width: 100% !important;
	}
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera .text {
		font-size: 2.65625vw;
	}
}

#garary #gararyDownload #itemChoiceAera .itemWallpaper {
	text-align: center;
}

#garary #gararyDownload #itemChoiceAera .itemWallpaper .pic {
	margin: 0 auto;
	border: 1px solid #a1a1a1;
	width: 639px;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera .itemWallpaper .pic {
		border: none;
		padding: 0 22.5%;
		max-width: 640px;
		width: 100%;
	}
}

#garary #gararyDownload #itemChoiceAera .itemWallpaper .btnList {
	margin-top: 28px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#garary #gararyDownload #itemChoiceAera .itemWallpaper .btnList div {
	width: 154px;
}

#garary #gararyDownload #itemChoiceAera .itemWallpaper .btnList div:nth-child(n+2) {
	margin-left: 10px;
}

#garary #gararyDownload #itemChoiceAera .itemWallpaper .btnList div a {
	padding: .5em 0;
	width: 100%;
	background-color: #a1a1a1;
	font-size: 18px;
	font-family: "Mukta Mahee", sans-serif;
	color: #fff;
}

@media screen and (min-width: 769px) {
	#garary #gararyDownload #itemChoiceAera .itemWallpaper .btnList div a {
		-webkit-transition: all .24s ease;
		-o-transition: all .24s ease;
		transition: all .24s ease;
	}
	#garary #gararyDownload #itemChoiceAera .itemWallpaper .btnList div a:hover {
		background-color: #000;
	}
}

#garary #gararyDownload #itemChoiceAera .itemWritingpaper .pic,
#garary #gararyDownload #itemChoiceAera .itemWritingpaper .text {
	margin: 0 auto;
	width: 513px;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera .itemWritingpaper .pic {
		padding: 0 6.8%;
		max-width: 554px;
		width: 100%;
	}
}

#garary #gararyDownload #itemChoiceAera .itemBookcover .pic {
	margin: 0 auto;
	width: 513px;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera .itemBookcover .pic {
		padding: 0 6.8%;
		max-width: 554px;
		width: 100%;
	}
}

#garary #gararyDownload #itemChoiceAera .itemBookcover .make {
	margin: 52px auto;
	width: 720px;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera .itemBookcover .make {
		margin-top: 14%;
		max-width: 640px;
		width: 100%;
	}
}

#garary #gararyDownload #itemChoiceAera .caution {
	margin-top: 46px;
}

@media screen and (max-width: 768px) {
	#garary #gararyDownload #itemChoiceAera .caution {
		margin-top: 15.6%;
		padding: 0 2.6%;
		width: 100%;
	}
}

#garary #gararyDownload #itemChoiceAera .caution .heading {
	background-color: #e4e4e4;
	padding: .4em 0;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera .caution .heading {
		font-size: 2.65625vw;
	}
}

#garary #gararyDownload #itemChoiceAera .caution .list {
	margin-top: 1em;
	font-size: 12px;
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera .caution .list {
		font-size: 2.65625vw;
	}
}

#garary #gararyDownload #itemChoiceAera .caution .list li {
	line-height: 1.7;
	text-indent: -1em;
	margin-left: 1em;
}

@media screen and (max-width: 425px) {
	#garary #gararyDownload #itemChoiceAera .caution .list li {
		text-indent: 0;
		margin-left: 0;
		display: inline;
	}
}

#garary #gararyDownload #itemChoiceAera .itemWallpaper,
#garary #gararyDownload #itemChoiceAera .itemWritingpaper,
#garary #gararyDownload #itemChoiceAera .itemBookcover {
	display: none;
}

#garary #gararyDownload #itemChoiceAera[data-w="wallpaper"] .itemWallpaper {
	display: block;
}

#garary #gararyDownload #itemChoiceAera[data-w="writingpaper"] .itemWritingpaper {
	display: block;
}

#garary #gararyDownload #itemChoiceAera[data-w="bookcover"] .itemBookcover {
	display: block;
}

#garary #u_museumContent {
	height: 626px;
	background: url(../images/museum/bg.jpg) no-repeat center center/cover;
}

@media screen and (max-width: 768px) {
	#garary #u_museumContent {
		margin-top: 38px;
	}
}

#garary #u_museumContent .block > * {
	opacity: 0;
}

#garary #u_museumContent .block > *:nth-child(1) {
	-webkit-transition: all 0.6s ease 0.1s;
	-o-transition: all 0.6s ease 0.1s;
	transition: all 0.6s ease 0.1s;
}

#garary #u_museumContent .block > *:nth-child(2) {
	-webkit-transition: all 0.6s ease 0.2s;
	-o-transition: all 0.6s ease 0.2s;
	transition: all 0.6s ease 0.2s;
}

#garary #u_museumContent .block > *:nth-child(3) {
	-webkit-transition: all 0.6s ease 0.3s;
	-o-transition: all 0.6s ease 0.3s;
	transition: all 0.6s ease 0.3s;
}

#garary #u_museumContent .block > *:nth-child(4) {
	-webkit-transition: all 0.6s ease 0.4s;
	-o-transition: all 0.6s ease 0.4s;
	transition: all 0.6s ease 0.4s;
}

#garary #u_museumContent .block > *:nth-child(5) {
	-webkit-transition: all 0.6s ease 0.5s;
	-o-transition: all 0.6s ease 0.5s;
	transition: all 0.6s ease 0.5s;
}

#garary #u_museumContent.active .block > * {
	opacity: 1 !important;
}

@media screen and (max-width: 768px) {
	#garary #u_museumContent {
		height: auto;
		background: #f7f5f6;
	}
	#garary #u_museumContent:before {
		content: '';
		display: block;
		width: 100%;
		height: 112px;
		background: url(../images/museum/bg_top.jpg) repeat-x center center/auto 100%;
	}
	#garary #u_museumContent:after {
		content: '';
		display: block;
		width: 100%;
		height: 118px;
		background: url(../images/museum/bg_bottom.jpg) repeat-x center center/auto 100%;
	}
}

@media screen and (max-width: 425px) {
	#garary #u_museumContent {
		height: auto;
		background: #f7f5f6;
	}
	#garary #u_museumContent:before {
		content: '';
		display: block;
		width: 100%;
		height: 21.8vw;
		background: url(../images/museum/bg_top-sp.jpg) repeat-x center center/auto 100%;
	}
	#garary #u_museumContent:after {
		content: '';
		display: block;
		width: 100%;
		height: 18.4vw;
		background: url(../images/museum/bg_bottom-sp.jpg) repeat-x center center/auto 100%;
	}
}

#garary #u_museumContent .m_pageHeading {
	padding-top: 92px;
}

@media screen and (max-width: 768px) {
	#garary #u_museumContent .m_pageHeading {
		padding: 16px 0;
	}
}

@media screen and (max-width: 425px) {
	#garary #u_museumContent .m_pageHeading {
		padding-top: .2em;
	}
}

#garary #u_museumContent .block {
	margin-top: 48px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media screen and (max-width: 768px) {
	#garary #u_museumContent .block {
		display: block;
		margin: 0 auto;
		max-width: 425px;
		padding-bottom: 24px;
	}
}

#garary #u_museumContent .block > div {
	width: 383px;
}

#garary #u_museumContent .block > div:nth-child(2) {
	margin-left: 34px;
}

@media screen and (max-width: 768px) {
	#garary #u_museumContent .block > div {
		margin-left: 0 !important;
		width: 100%;
	}
}

@media screen and (max-width: 425px) {
	#garary #u_museumContent .block figure {
		padding: 0 5.4%;
	}
}

#garary #u_museumContent .block .btn {
	margin-top: 26px;
}

@media screen and (max-width: 768px) {
	#garary #u_museumContent .block .btn {
		text-align: center;
	}
}

#garary #u_museumContent .block .btn a {
	display: inline-block;
	padding: 1.4em 2em;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: #7d7d7d;
}

@media screen and (max-width: 425px) {
	#garary #u_museumContent .block .btn a {
		font-size: 2.96875vw;
	}
}

#garary #u_museumContent .block h3 {
	font-size: 18px;
	font-weight: bold;
	color: #595757;
	letter-spacing: .1em;
}

@media screen and (max-width: 768px) {
	#garary #u_museumContent .block h3 {
		margin-top: 1.6em;
	}
}

@media screen and (max-width: 425px) {
	#garary #u_museumContent .block h3 {
		font-size: 4.53125vw;
	}
}

#garary #u_museumContent .block h3 i {
	margin-top: 1em;
	display: block;
	font-size: 12px;
}

@media screen and (max-width: 425px) {
	#garary #u_museumContent .block h3 i {
		font-size: 2.96875vw;
	}
}

@media screen and (max-width: 768px) {
	#garary #u_museumContent .block h3 {
		text-align: center;
	}
}

#garary #u_museumContent .block p {
	margin-top: 2em;
	font-size: 12px;
	line-height: 2.4;
	color: #595757;
	font-weight: bold;
	letter-spacing: .1em;
}

@media screen and (max-width: 768px) {
	#garary #u_museumContent .block p {
		text-align: center;
	}
}

@media screen and (max-width: 425px) {
	#garary #u_museumContent .block p {
		font-size: 2.96875vw;
		line-height: 2;
	}
}

@media screen and (max-width: 768px) {
	#sp_navi {
		z-index: 99999999;
	}
}