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

html {
	font-size: 62.5%;
	overflow-x: hidden;
}
body {
	font-family: serif;
	font-size: 1.6rem;
	margin: 0;
	background: #0b0b0d;
}
h1, figure {
	margin: 0;
}
h2, h3, h4, p, a, ul, dl {
	color: #fff;
}
h2, h3, h4 {
	font-weight: normal;
}
img, picture {
	vertical-align: bottom;
	display: block;
}
p {
	line-height: 2;
}
a {
	text-decoration: none;
}

#wrapper {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	/* padding-bottom: 150px; */
	overflow-x: hidden;
}
	#wrapper video {
		width: 100%;
	}

.englishBox {
	position: fixed;
	z-index: 2;
	top: 0;
	left: calc(50% - 500px);
	background-color: rgba( 255, 255, 255, 0.72 );
	backdrop-filter: blur(3px);
	padding: .5em 1em;
	border-radius: 0 0 5px 0;
}
	.englishBox p {
		color: #0b0b0d;
		margin: 0;
		font-size: .9em;
		font-weight: bold;
	}
		.englishBox p a {
			color: #0b0b0d;
			text-decoration: underline;
		}

#footer {
	text-align: center;
	color: #888886;
	background: #0b0b0d;
	margin: 0;
	padding: 1em 0 6.4em;
	font-size: 13px;
}

.youtubewrap {
	width: 100%;
	margin: 0 auto 5em;
}
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

.swiper--wrapper {
	/* wrapperのサイズを調整 */
	width: 100%;
	height: 300px;
}
.swiper-slide {
	/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
	color: #ffffff;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 300px;
}
.swiper-slide picture,
.swiper-slide img,
.menu_liquid img {
	width: 100%;
}
.swiper-pagination {
	position: relative !important;
	bottom: 40px !important;
	height: 0;
	z-index: 3;
}
.swiper-pagination-bullet {
	width: 8px !important;
	height: 8px !important;
	margin: 0 0 0 10px !important;
	background: #e3dd91 !important;
}
.swiper-pagination-bullet:first-child {
	margin: 0 !important;
}

.event-box {
	margin: 8% 0;
	box-sizing: border-box;
	text-align: center;
}
	.event-box h2 {
		margin-top: 0;
	}
	.event-box-flex {
		display: flex;
		justify-content: space-between;
	}
	.event-box-flex div {
		width: 49.5%;
	}
	.event-box-flex img {
		width: 100%;
	}

.news-box {
	margin: -3% 0 8%;
	padding: 4% 0;
	border: 1px solid #4e4e4e;
	height: 240px;
	overflow-y: scroll;
	box-sizing: border-box;
}
	.news-box h2 {
		text-align: center;
		margin-top: 0;
	}
	.news-list {
		display: flex;
		justify-content: center;
	}
	.news-list + .news-list {
		margin: 2em 0 0;
	}
	.news-list dt {
		width: 24%;
		text-align: right;
	}
	.news-list dd {
		width: 72%;
	}
	.news-list a {
		text-decoration: underline;
		word-break: break-all;
	}

.banner-box {
	max-width: 750px;
	margin: auto;
	padding: 0 0 14%;
}
	.banner-box a {
		display: block;
		margin-bottom: 4%;
	}
	.banner-box a:last-child {
		margin-bottom: 0;
	}

/* LPの動く化 start */
/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	background:#0b0b0d;
	text-align:center;
	color:#fff;
}
/* Loadingバー中央配置　*/
#splash_text {
	position: absolute;
	top: 50%;
	left: 50%;
    z-index: 999;
	width: 100%;
	transform: translate(-50%, -50%);
	color: #fff;
}
#splash_text p {
	position: absolute;
	top: 60%;
	left: 0;
	right: 0;
	margin: 24px auto 0;
}

.relat-box {
	position: relative;
}
	.relat-box > img,
	.relat-box + img,
	.top_bnr_area a img,
	.banner-box img,
	.liquid img,
	.liquid_type2 img,
	.last_btn img,
	.last_btn + img,
	.last_links img {
		width: 100%;
	}
.absol-box img,
.absol-box p,
.first .slider1,
.rule .absol-box,
.rule .absol-box ul {
	position: absolute;
}
.first .absol-box img {
	left: 0;
	right: 0;
	margin: auto;
}
	.first .absol-box h1 img {
		width: 52.6%;
		top: 4.3%;
		left: .5%;
	}
	.first .absol-box img.first_cross {
		width: 76%;
		top: 35.3%;
		left: -4.5%;
	}
	.first .absol-box p.first_birth {
		text-align: center;
		font-size: 290%;
		line-height: 1.4;
		margin: 0;
		width: 100%;
		top: 46%;
	}
	.first .absol-box p.first_birth span {
		font-size: 90%;
	}
	.first .slider1 {
		bottom: 43%;
		left: 0;
		right: 0;
		margin: auto;
	}
.top_bnr_area {
	display: flex;
	justify-content: center;
	width: 96%;
	position: relative;
	top: -190px;
	left: 0;
	right: 0;
	margin: auto;
}
	.top_bnr_child {
		width: 50%;
	}
	.top_bnr_child h2 {
		margin: 0 0 4px;
		text-align: center;
	}
	.top_bnr_child img {
		position: inherit;
	}
.rule {
	margin-top: -1px;
}
	.rule .absol-box {
		width: 100%;
		height: 100%;
		top: 0;
	}
	.rule .rule-wrap {
		display: flex;
		flex-direction: row;
	}
	.rule .rule-wrap > img {
		top: 10%;
		right: 11%;
		width: 4.8%;
	}
	.rule .absol-box ul {
		list-style: none;
		top: 11%;
		left: 8%;
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
		width: 66%;
	}
		.rule .absol-box ul li {
			width: 5%;
		}
			.rule .absol-box ul li img {
				position: inherit;
				width: 100%;
			}
.about {
	background: rgb(50,0,0);
	background: linear-gradient(120deg, rgba(50,0,0,1) 0%, rgba(96,0,0,1) 60%);
}
	.about > img:nth-child(1) {
		margin: auto;
		width: 73%;
		padding-top: 8.5%;
	}
	.about > img:nth-child(2) {
		margin: auto;
		width: 32.5%;
		padding: 8% 0 4%;
	}
	.about h2 {
		text-align: center;
		font-size: 2.5em;
		margin: 7% auto 5%;
	}
	.about h2:nth-of-type(2) {
		margin: 5.5% auto 4%;
	}
	.about p {
		text-align: center;
		font-size: 1.6em;
	}
	.about p:nth-of-type(2) {
		text-align: left;
		max-width: 750px;
		margin: 0 auto 5.5%;
	}
		.about h2 span,
		.about p span {
			font-size: .8em;
		}
	.liquid {
		display: flex;
		justify-content: space-between;
		max-width: 750px;
		margin: auto;
	}
		.liquid .liquid_left {
			width: 65%;
		}
		.liquid .liquid_right {
			width: 34%;
		}
			.liquid .liquid_right img:nth-child(1) {
				margin-bottom: 3%;
			}
	.liquid_type2 {
		max-width: 750px;
		margin: auto;
	}
		.liquid_type2 .liquid_child {
			display: flex;
			justify-content: space-between;
			margin-top: .8%;
		}
			.liquid_type2 .liquid_child .liquid_left {
				margin-right: .8%;
			}
	.about .free_list {
		list-style: none;
		padding: 0;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 750px;
		margin: 11% auto 0;
	}
		.about .free_list li {
			width: 49%;
			height: 64px;
			line-height: 64px;
			text-align: center;
			background-image: url(../img/free_list.png);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
			font-size: 34px;
			margin-bottom: 4%;
		}
.world {
	background: #600001;
}
	.world > img:nth-child(1) {
		margin: auto;
		width: 62%;
		padding: 18% 0 9%;
	}
	.world .liquid_type2 .liquid_child {
		margin: 0 0 .8%;
	}
	.world h2,
	.world p,
	.float_r,
	.float_l {
		max-width: 750px;
	}
	.world h2 {
		font-size: 2.5em;
		margin: 9.5% auto 5%;
	}
	.world p {
		font-size: 1.7em;
		max-width: 750px;
		margin: auto;
	}
	.float_r {
		margin: auto;
	}
		.float_r img {
			width: 50%;
			float: right;
			margin: 2% 0 0 2.4%;
		}
		.float_r p,
		.float_l p {
			text-align: justify;
			text-justify: inter-ideograph;
		}
		.float_r:after,
		.float_l:after {
			content: "";
			clear: both;
			display: block;
		}
	.float_l {
		margin: auto;
	}
		.float_l img {
			width: 49%;
			float: left;
			margin: 2% 2.4% 0 0;
		}
		.float_l p {
			font-size: 1.563em;
		}
	.world .float_l + .liquid_type2 {
		margin: 7% auto 0;
		padding-bottom: 18%;
	}
	.world .float_l + .liquid_type2 .liquid_child {
		margin: .8% 0 0;
	}
.chef {
}
	.chef img {
		width: 100%;
	}
.menu {
	background: #600001;
}
	.menu_sheet {
		/* background-image: url(../img/menu_bg.jpg);
		background-size: cover; */
		max-width: 750px;
		margin: auto;
		padding: 8% 5% 5%;
		box-sizing: border-box;
	}
		.menu_sheet h2 {
			margin: 0;
			text-align: center;
			color: #0b0b0d;
		}
			.menu_sheet h2 span {
				border-right: 1px solid #fff;
				border-left: 1px solid #fff;
				color: #fff;
				font-size: 2.2em;
				padding: 0 2%;
				height: 30px;
				line-height: 20px;
				display: inline-block;
			}
		.menu_sheet h3 {
			margin: 12% 0 0;
			color: #fff;
			font-size: 4em;
			/* display: flex;
			align-items: center;
			justify-content: center; */
			text-align: center;
		}
			/* .menu_sheet h3 span {
				font-size: .6em;
			} */
		.menu_sheet h4 {
			margin: 0;
			color: #727171;
		}
			.menu_sheet h4 span {
				font-size: 2.2em;
			}
		.menu_sheet .menu_what {
			font-size: 220%;
			line-height: 1.6;
			text-align: center;
		}
		.menu_sheet .price {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: -5%;
		}
			.menu_sheet .price_member {
				margin-top: -5%;
			}
			.menu_sheet .price h4 {
				width: 28%;
				margin-right: 3%;
			}
			.menu_sheet .price p {
				margin: 0;
				/* width: 62%; */
				color: #ffe9b4;
				font-size: 3em;
			}
				.menu_sheet .price p span.number {
					font-size: 2em;
					font-family: "EB Garamond";
				}
				.menu_sheet .price p span.tax {
					font-size: .6em;
				}
			.menu_sheet .price_normal {
				margin-top: -6%;
			}
				.menu_sheet .price_normal h4 {
					width: 20%;
				}
					.menu_sheet .price_normal h4 span {
						font-size: 1.6em;
					}
				.menu_sheet .price_normal p {
					margin: 0;
					width: 47%;
					color: #727171;
					font-size: 2em;
				}
					.menu_sheet .price_normal p span.tax {
						font-size: .8em;
					}
		.menu_item {
			text-align: center;
			color: #fff;
			font-size: 2em;
			margin: -4% 0 0;
		}
			.menu_item span {
				font-size: 2em;
				font-family: "EB Garamond";
			}
		.menu_sup {
			text-align: center;
			color: #fff;
			font-size: 1.6em;
			margin: 12% 0 0;
			line-height: 1.6;
		}
		.menu_liquid {
			margin-top: 8%;
		}
		.menu_liquid,
		.menu_liquid_child_01,
		.menu_liquid_child_02,
		.menu_liquid_child_03 {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
			.menu_liquid_child_01 {
				width: 66%;
			}
				.menu_liquid_child_01 div {
					width: 48.5%;
				}
				.menu_liquid_child_01 div:last-of-type {
					width: 100%;
					margin-top: 3%;
				}
			.menu_liquid_child_02 {
				width: 32%;
				flex-direction: column;
			}
			.menu_liquid_child_03 {
				width: 100%;
				margin-top: 2%;
			}
				.menu_liquid_child_03 div:nth-of-type(1) {
					width: 58%;
				}
				.menu_liquid_child_03 div:nth-of-type(2) {
					width: 40%;
				}
			/* .menu_liquid_child_04 {
				width: 100%;
				margin-top: 2%;
			}
				.menu_liquid_child_04 div {
					width: 32%;
				} */
.last {
	background: rgb(50,0,0);
	background: linear-gradient(300deg, rgba(50,0,0,1) 0%, rgba(96,0,0,1) 40%);
}
	.last_inner {
		padding-top: 24%;
		margin: auto;
		max-width: 580px;
	}
	.last_btn {
	}
		.last_btn h2 {
			font-size: 2.5em;
			text-align: center;
			margin: 0 0 1%;
		}
		.last_btn a + h2 {
			margin: 15% 0 1%;
		}
		.last_btn + img,
		.last_about {
			padding-top: 19%;
		}
	.liquid_type2.last_pic {
		padding-top: 19%;
		width: 750px;
		margin-left: calc(50% - 750px/2);
	}
	.last_about {
	}
		.last_about h2 {
			font-size: 3em;
			margin: 0 0 1%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
			.last_about h2 span {
				font-size: .8em;
				display: inline-block;
				margin: 0 .5em;
			}
		.last_about_spec {
			max-width: 380px;
			margin: auto;
		}
			.last_about_spec dl {
				display: flex;
				justify-content: space-between;
				align-items: baseline;
				font-size: 1.6em;
				margin: 12% 0 0;
			}
				.last_about_spec dl span {
					font-family: "EB Garamond";
					font-size: 1.3em;
					letter-spacing: 2px;
				}
				.last_about_spec dl dt {
					width: 44%;
				}
				.last_about_spec dl dd {
					text-align: right;
				}
				.last_about_spec p {
					font-size: 1.6em;
					line-height: 1.6;
					text-align: justify;
					margin: 0;
				}
			.last_about_spec dl.time {
				margin: 0 0 0 .5em;
				width: 90%;
			}
				.last_about_spec dl.time dt {
					border-right: 1px solid #fff;
    				border-left: 1px solid #fff;
					line-height: .8em;
					height: 1em;
					padding: 0 .3em;
				}
	.last_links {
		max-width: 420px;
		margin: auto;
		padding: 11% 0 0;
		text-align: center;
	}
		.last_links img {
			margin: 0 auto 27%;
			width: 90%;
		}
		.last_links h2 {
			margin: -17% 0 0;
			font-size: 1.9em;
		}
		.last_links p {
			margin: 0 0 12%;
			font-size: 1.9em;
			line-height: 1.2;
		}
			.last_links p span {
				font-family: "EB Garamond";
				font-size: 1.3em;
				letter-spacing: 2px;
			}
		.last_links p + a img {
			margin: 0 auto 17%;
			width: 70%;
		}
/* LPの動く化 end */

.fixedBnr {
	position: fixed;
	bottom: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	flex-direction: row;
	transition: .3s;
	max-width: 1000px;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}
	.active{
		opacity: 1;
		visibility: visible;
	}
	.fixedBnr p {
		font-size: 12px;
		line-height: 1.4;
		text-align: center;
	}
	.fixedBnr a {
		/* width: 34%; */
		width: 50%;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 8px 0;
	}
.fixedBnr .iconPhoneShop {
	background-color: #7c0000;
}
.fixedBnr .iconPhoneSecr {
	background-color: #958047;
}
	.fixedBnr .iconPhoneShop i,
	.fixedBnr .iconPhoneSecr i {
		font-size: 24px;
		margin-right: .5em;
	}
.fixedBnr .snsLine {
	background-color: #06c655;
}
	#wrapper .fixedBnr .snsLine img {
		width: 32px;
		margin-right: .5em;
	}

/* modal start */
.modal {
	max-width: 720px;
	width: 96%;
}
	.modal p {
		color: #0b0b0d;
	}
	.modal p span {
		display: block;
		font-size: 88%;
		color: #727171;
	}
	.modal a {
		max-width: 720px;
		color: #b6942c;
	}
	.modal img {
		width: 100%;
	}
	.modal h2 {
		text-align: center;
	}
	.modal h3 {
		border-bottom: 1px solid #b6942c;
		color: #b6942c;
		margin-top: 2em;
	}
	.modal h4 {
		border-left: 3px solid #b6942c;
		color: #b6942c;
		padding-left: .5em;
		margin-top: 2em;
	}
	.modal h5 {
		border-left: 1px solid #b6942c;
		padding-left: .5em;
		font-size: 1em;
		margin-bottom: 0;
	}
.blocker {
	z-index: 3 !important;
	padding: 70px 20px !important;
}
.closeTxt {
	text-align: center;
}
.closeTxt a {
	color: #0b0b0d;
}
/* modal end */

/* hamburger start */
.hamburger {
	display : block;
	position: fixed;
	z-index : 4;
	right: calc(50% - 480px);
	top   : 12px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
}
  .hamburger span {
	display : block;
	position: absolute;
	width   : 30px;
	height  : 2px ;
	left    : 6px;
	background : #fff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
	top: 10px;
  }
  .hamburger span:nth-child(2) {
	top: 20px;
  }
  .hamburger span:nth-child(3) {
	top: 30px;
  }
  
  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	background :#fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
  }
  
  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
	top: 16px;
	background :#fff;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
  }
  
  nav.globalMenuSp {
	position: fixed;
	z-index : 3;
	top  : 0;
	left : 0;
	color: #fff;
	background: rgba(0,0,0,0.8);
	text-align: center;
	width: 100%;
	opacity: 0;
	transition: opacity .6s ease, visibility .6s ease;
	pointer-events: none;
  }
  
  nav.globalMenuSp ul {
	margin: 0 auto;
	padding: 0;
	width: 100%;
  }
  
  nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	height: calc( calc(100svh - 56.8px) / 4 );
  }
  nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
  }
  nav.globalMenuSp ul li:hover a {
	color: #948449;
  }
  nav.globalMenuSp ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	padding: 3em 0;
	text-decoration :none;
	transition: .4s all;
	box-sizing: border-box;
	height: 100%;
  }
  
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
	opacity: 100;
	pointer-events: inherit;
  
  }
/* hamburger end */

/* count_down_timer start */
.timer-wrap {
	padding: 4em 1em;
}
#count_down_timer {
	text-align: center;
	color: #fff;
	font-size: 40px;
	letter-spacing: 1px;
}
#count_down_timer span {
	font-size: 24px;
}
.timer-sub {
	text-align: center;
	margin: 0;
}
/* count_down_timer end */

.sp { display: none !important; }

@media screen and (max-width: 1000px) {
	.hamburger {
		right: 13px;
	}
	.englishBox {
		left: 0;
	}
	.event-box {
		width: 80%;
		margin: 8% auto;
	}
	.event-box-flex {
		flex-direction: column;
	}
	.event-box-flex div {
		width: 100%;
	}
	.event-box-flex div:first-child {
		margin-bottom: 2%;
	}
	.news-box {
		padding: 2em .5em;
		width: 84%;
		margin: -9% auto 4%;
	}
	.banner-box {
		width: 79%;
	}
	/* LPの動く化 start */
	.top_bnr_area {
		flex-direction: column;
		top: -16vw;
		padding: 0 8%;
    	box-sizing: border-box;
		background: linear-gradient(rgba(11,11,13,0)0%,rgba(11,11,13,1)50%);
		width: 100%;
	}
	.top_bnr_child {
		width: 100%;
	}
	.top_bnr_child h2 {
		font-size: 4vw;
	}
	.menu_sheet .price p span.number {
		font-size: 8vw;
	}
	.menu_sheet h3 {
		font-size: 7vw;
	}
	.menu_sheet .price_normal p span.number {
		font-size: 6vw;
	}
	.menu_sheet h2 span {
		font-size: 5.5vw;
	}
	.last_about h2,
	.menu_sheet .menu_what {
		font-size: 4.8vw;
	}
	.first .absol-box p.first_birth,
	.news-box h2,
	.about h2,
	.world h2,
	.menu_sheet .price p,
	.last_btn h2 {
		font-size: 4vw;
	}
	.about .free_list li,
	.menu_item,
	.last_about_spec dl {
		font-size: 3.4vw;
	}
	.last_about_spec p,
	.last_links h2,
	.last_links p {
		font-size: 3.3vw;
	}
	.about p,
	.float_r p,
	.float_l p,
	.menu_sheet h4 span {
		font-size: 3vw;
	}
	.menu_sheet .price_normal h4 span,
	.menu_sheet .price_normal p,
	.menu_sup {
		font-size: 2.5vw;
	}
	.liquid,
	.about p:nth-of-type(2),
	.liquid_type2,
	.about .free_list,
	.world h2,
	.float_r,
	.float_l {
		width: 80%;
	}
	.about .free_list li {
		height: 6.7vw;
    	line-height: 6.7vw;
	}
	.menu_sheet {
		width: 79%;
	}
	.menu_sheet h2 span {
		height: 4vw;
    	line-height: 3vw;
	}
	.menu_sheet .price h4 {
		width: 23%;
	}
	.menu_sheet .price p {
		width: auto;
	}
	.menu_sheet .price_normal h4 {
		width: 20%;
	}
	.last_inner {
		width: 60%;
	}
	.last_about_spec {
		width: 90%;
	}
	/* LPの動く化 end */
}

@media screen and (max-width: 767px) {
	.pc { display: none !important; }
	.sp { display: inherit !important; }
	nav.globalMenuSp ul li {
		height: calc( calc(100svh - 68.8px) / 4 );
	}
	.englishBox + img {
		margin: 11% auto 0;
	}
	.news-list dt {
		width: 24%;
		text-align: initial;
		font-size: .9em;
	}
	.news-list dd {
		width: 60%;
		margin-left: 1em
	}
	.attentionBox {
		padding: 3em 14%;
		margin: auto;
	}
	.attentionBox h3, .attentionBox p {
		text-align: left;
	}
	.fixedBox .btn {
		max-width: 88%;
	}
	.videoWrap video {
		width: 72%;
	}
	.menuList p,
	.detailTable {
		font-size: 4vw;
	}

	.fixedBnr a {
		flex-direction: column;
		padding: 8px;
	}
	.fixedBnr a p {
		margin: 0;
	}
	.fixedBnr .iconPhoneShop i,
	.fixedBnr .iconPhoneSecr i {
		margin: 4px 0 8px;
	}
	#wrapper .fixedBnr .snsLine img {
		margin: 0 0 4px;
	}

	#footer {
		padding: 1em 0 9em;
	}

	.youtubewrap {
		width: 84%;
		margin: 2em auto;
	}

	.liquid_type2.last_pic {
		width: 140%;
		margin-left: calc(50% - 140%/2);
	}

	/* LPの動く化 start */
	.rule .absol-box ul {
		top: 7%;
		left: 2%;
	}
	/* LPの動く化 end */

	/* count_down_timer start */
	#count_down_timer {
		font-size: 32px;
	}
	#count_down_timer span {
		font-size: 17px;
	}
	#count_down_timer span.timer_first {
		display: block;
	}
	/* count_down_timer end */
}

/* menu_modal start */
.menu_sheet .modalBtn {
	color: #4d4d4d;
	padding: 1em;
	display: block;
	text-align: center;
	border: 1px solid #4d4d4d;
	background-color: rgba( 255, 255, 255, 1 );
}
@media screen and (max-width: 767px) {
	.menu_sheet .modalBtn {
		font-size: 3vw;
	}
}
/* menu_modal end */

/* js start */
.sa {
	opacity: 0;
	transition: all 1s ease;
}

.sa.show {
	opacity: 1;
	transform: none;
}

.sa--lr {
	transform: translate(-50px, 0);
}

.sa--rl {
	transform: translate(50px, 0);
}

.sa--up {
	transform: translate(0, 50px);
}

.sa--down {
	transform: translate(0, -50px);
}

.sa--scaleUp {
	transform: scale(.8);
}

.sa--scaleDown {
	transform: scale(1.2);
}

.sa--rotateL {
	transform: rotate(180deg);
}

.sa--rotateR {
	transform: rotate(-180deg);
}
/* js end */

/* fadeanimation start */
/* fadeIn */
.fadeUp_down {
	animation-name: fadeUpAnime_down;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
	@keyframes fadeUpAnime_down {
		from {
			opacity: 0;
			transform: translateY(-50px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.fadeInTrigger_down {
		opacity: 0;
	}

.fadeUp_up {
	animation-name: fadeUpAnime_up;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
	@keyframes fadeUpAnime_up {
		from {
			opacity: 0;
			transform: translateY(50px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.fadeUpTrigger_up {
		opacity: 0;
	}

.fadeUp_left {
	animation-name: fadeUpAnime_left;
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
	@keyframes fadeUpAnime_left {
		from {
			opacity: 0;
			transform: translateX(-130px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}
	.fadeUpTrigger_left {
		opacity: 0;
	}

.fadeUp_right{
	animation-name: fadeUpAnime_right;
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
	@keyframes fadeUpAnime_right {
		from {
			opacity: 0;
			transform: translateX(130px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}
	.fadeUpTrigger_right {
		opacity: 0;
	}

.box{
	opacity: 0;
}
.fadeUp {
	animation-name:fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
}
	@keyframes fadeUpAnime{
		from {
			opacity: 0;
			transform: translateY(100px);
		}
		
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
/* fadeanimation end */