@charset "utf-8";
/* 共通ID・class--------------------------------------------------------------- */

body {
	font-family:"A1明朝", A1 Mincho, "游明朝 Medium", Yu Mincho Medium, YuMincho, Hiragino Mincho Pro, serif;
	font-weight: 600;
	font-size: 14px;
	color:#251E1C;
	width:100%;
	background-color:#FFFFFF;
	-webkit-text-size-adjust: 100%;
	position:relative;
	z-index:0;
}

.en {
	font-family: 'EB Garamond', serif;
	font-weight:400;
}

@media screen and (min-width: 768px) and (max-width:1020px) {

}

body * {
	line-height:1.8em;
}

.box__1200 {
	max-width:1220px;
	min-width:320px;
	margin:0 auto;
	padding:0 10px;
}

.box__1000 {
	max-width:1020px;
	min-width:320px;
	margin:0 auto;
	padding:0 10px;
}

.box__920 {
	max-width:940px;
	min-width:320px;
	margin:0 auto;
	padding:0 10px;
}

.box__900 {
	max-width:920px;
	min-width:320px;
	margin:0 auto;
	padding:0 10px;
}

.box__800 {
	max-width:820px;
	min-width:320px;
	margin:0 auto;
	padding:0 10px;
}

.box__600 {
	max-width:620px;
	min-width:320px;
	margin:0 auto;
	padding:0 10px;
}

.mac__scrollbar::-webkit-scrollbar {
	width:5px;
	background:#eee;
}
.mac__scrollbar::-webkit-scrollbar:horizontal {
	height:5px;
}
.mac__scrollbar::-webkit-scrollbar-button {
	width:5px;
	height:5px;
	background:#666;
}
.mac__scrollbar::-webkit-scrollbar-piece {
	background:#eee;
}
.mac__scrollbar::-webkit-scrollbar-piece:start {
	background:#eee;
}
.mac__scrollbar::-webkit-scrollbar-thumb {
	background:#333;
}
.mac__scrollbar::-webkit-scrollbar-corner {
	background:#333;
}

.sp_only {
	display:none!important;
}

img,
.img_100 img {
	width:100%;
}

.tbl {
	display:table;
	width:100%;
}

.tbl,
.tbl__50 {
	display:table;
	width:100%;
}

.tbl .cell_l,
.tbl .cell_r {
	display:table-cell;
	vertical-align:top;
}

.tbl__50 .cell_l,
.tbl__50 .cell_r {
	display:table-cell;
	width:50%;
	vertical-align:top;
}
/* 共通ID・class----------------------END-------------------------------------- */



/* Loading--------------------------------------------------------------- */
body.loading_time {
	overflow:hidden;
	width:100%;
	height:100vh;
	min-height:100vh;
	position:relative;
}

.loading_open {
	position:fixed;
	top:0;
	left:0;
	z-index:101;
	width:100%;
	height:100vh;
	min-height:100vh;
	background:url(/lib/img/top/bg.gif);
	vertical-align:middle;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items: center;
	flex-direction: column;
}

.loading_open .logo img {
	width:183px;
}

.loader,
.loader:before,
.loader:after {
  background: #C8BE96;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #C8BE96;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
/* Loading----------------------END-------------------------------------- */



/* Footer---------------------------------------------------------------------- */
#footer__menu {
	background:url(/lib/img/profile/bg__head.gif);
	padding:40px 0;
}

#footer__menu ul {
	display:flex;
	align-items: center;
}

#footer__menu ul li {
	width:33%;
	text-align:center;
}

#footer__menu ul li:nth-child(1) {max-width:318px; margin:0 auto;}
#footer__menu ul li:nth-child(2) {max-width:319px; margin:0 auto;}
#footer__menu ul li:nth-child(3) {max-width:324px; margin:0 auto;}

#footer__menu ul li a:hover {
	opacity:.7;
	-ms-filter: blur(1px); filter: blur(1px);
}


footer {
	background:url(/lib/img/top/bg.gif);
	padding:30px 0;
	text-align:center;
}

footer h2 {
	font-size:50px;
	line-height:1.2em;
	letter-spacing: 0.2em;
}

footer h2 span {
	font-size:40px;
}

footer h3 {
	font-size:30px;
	line-height:1.2em;
}

footer ul {
	display:flex;
	font-size:16px;
	justify-content:center;
	margin-top:20px;
}

footer ul a {
	color:#000;
	line-height:1.1;
}

footer ul a:hover {
	color:#C03;
	text-decoration:underline;
}

footer ul li {
	border-left:1px solid #000;
	line-height:1.1;
	padding:0 20px;
}

footer ul li:last-child {
	border-right:1px solid #000;
}

footer .copy {
	font-size:12px;
	padding-top:20px;
}

@media screen and (min-width: 768px) and (max-width:920px) {

}
/* Footer-----------------------------END-------------------------------------- */



/* -------------------------------------box__animation */
.box__animation {
	opacity:0;
	position:relative;
	top:-50px;
}

.animate__down {
	-webkit-animation: amt__down 1s ease-out forwards;
	animation: amt__down 1s ease-out forwards;
}

@keyframes amt__down {
	0% {top:-50px; opacity:0;}
	100% {top:0px; opacity:1;}
}
/* -------------------------------------end */

/* -------------------------------------box__animation_2 */
.box__animation_2 {
	opacity:0;
	position:relative;
	top:50px;
}

.animate__up {
	-webkit-animation: amt__up 1s ease-out forwards;
	animation: amt__up 1s ease-out forwards;
}

@keyframes amt__up {
	0% {top:50px; opacity:0;}
	100% {top:0px; opacity:1;}
}
/* -------------------------------------end */

/* -------------------------------------box__animation_3 */
.box__animation_3 {
	opacity:0; -ms-filter: blur(6px); filter: blur(6px);
	transform: scale(0.5,0.5);
}

.animate__ba3 {
	-webkit-animation: blur_anime 1s ease-out forwards;
	animation: blur_anime 1s ease-out forwards;
}

@keyframes blur_anime {
	0% {opacity:0; -ms-filter: blur(6px); filter: blur(6px); transform: scale(0.9,0.9);}
	100% {opacity:1; -ms-filter: blur(0px); filter: blur(0px); transform: scale(1,1);}
}
/* -------------------------------------end */

/* -------------------------------------box__animation_4 */
.box__animation_4 {
	opacity:0;
	transform:translate(0%, -100px);
	-ms-filter: blur(6px); filter: blur(6px);
}

.animate__ba4 {
	-webkit-animation: blur_anime2 1s ease-out forwards;
	animation: blur_anime2 1s ease-out forwards;
}

@keyframes blur_anime2 {
	0% {transform:translate(0%, -100px); -ms-filter: blur(6px); filter: blur(6px); opacity:0;}
	100% {transform:translate(0%, 0%); -ms-filter: blur(0px); filter: blur(0px); opacity:1;}
}
/* -------------------------------------end */

.blur_anime_tate {
	opacity:0; transform: translate(0px,-150px); -ms-filter: blur(6px); filter: blur(6px);
}

@keyframes blur_anime_tate {
	0% {opacity:0; transform: translate(0px,-150px); -ms-filter: blur(6px); filter: blur(6px);}
	100% {opacity:1; transform: translate(0px,0px); -ms-filter: blur(0px); filter: blur(0px);}
}