@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;700&display=swap');

html {
}

body, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E",'YuMincho', 'Yu Mincho', '游明朝', "ＭＳ Ｐ明朝", serif;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
.font-bold, .btn-check {
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E",'YuMincho', 'Yu Mincho', '游明朝', "ＭＳ Ｐ明朝", serif;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
main.checkout {
	min-height:calc(100vh - 80px);
}
.font-medium {
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E",'YuMincho', 'Yu Mincho', '游明朝', "ＭＳ Ｐ明朝", serif;
}
.calendar {
	width: 100%;
}
.calendar table {
	width: 100%;
}
.calendar td, .calendar th {
	border: 1px solid #e5e5e5;
	text-align: center;
}
.calendar th {
	padding:.2rem .8rem;
}
.calendar td {
	padding:0;
}
.calendar .selectable:hover{
	cursor:pointer;
	background-color: rgb(14 165 233 / var(--tw-bg-opacity));
    color: #fff;
    outline-style: solid;
    outline-color: #0ea5e9;
}
.validation-error {
	border-color:red;
	color: red;
}
.validation-error::placeholder {
	color:red;
}
.uk-dotnav>*>*{
	border:none;
	background: rgba(102,102,102,.4);
}
.uk-dotnav>.uk-active>* {
	background: #2c2d32;
}
.uk-input, .uk-select, .uk-textarea, .uk-select:not([multiple]):not([size]) option {
    color: #000;
}
.uk-offcanvas-bar .uk-checkbox,
.uk-offcanvas-bar .uk-checkbox:focus,
.uk-offcanvas-bar .uk-checkbox:checked {
	border: none;
}
.table.border td, .table.border th {
	border: solid 1px #000;
	vertical-align: top;
}
.hamburger {
	width: 40%;
	min-width: 28px;
	max-width: 50px;
	height: 20px;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
}
.hamburger>* {
	width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
}
.hamburger.type2 .hamburger-middle, .hamburger.type2:before, .hamburger.type2:after {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	background: #fff;
	position: absolute;
	transition: width .1s cubic-bezier(.51,.01,.37,1) .3s, left .1s cubic-bezier(.51,.01,.37,1) .3s;
}
.hamburger.type2:before {
	top: 0;
    left: 0;
}
.hamburger.type2:after {
	bottom: 0;
    left: 0;
}
.hamburger.type2>.hamburger-middle {
	top: 50%;
    left: 50%;
}
.hamburger.type2>.cross {
    width: 110%;
    height: 1px;
    top: 50%;
    left: -5%;
    position: absolute;
}
.hamburger.type2>.cross:before, .hamburger.type2>.cross:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 1px;
    background: #fff;
	transition: width .2s cubic-bezier(.51,.01,.37,1) 0s, left .2s cubic-bezier(.51,.01,.37,1) 0s;
}
.hamburger.type2>.cross1 {
    transform: rotate(-45deg);
}
.hamburger.type2>.cross2 {
    transform: rotate(45deg);
}
.hamburger.type2.is-open>.hamburger-middle, .hamburger.type2.is-open>:before, .hamburger.type2.is-open>:after {
	transition: width .1s cubic-bezier(.51,.01,.37,1) 0s, left .1s cubic-bezier(.51,.01,.37,1) 0s;
}
.hamburger.type2.is-open>.cross:before, .hamburger.type2.is-open>.cross:after {
	transition: width .2s cubic-bezier(.51,.01,.37,1) .2s, left .2s cubic-bezier(.51,.01,.37,1) .2s;
}
.hamburger.type2.is-open:before {
    width: 0;
}
.hamburger.type2.is-open:after {
    width: 0;
    left: 100%;
}
.hamburger.type2.is-open>.hamburger-middle {
    width: 0;
    left: 50%;
}
.hamburger.type2.is-open>.cross:before {
    left: 0;
    width: 50%;
}
.hamburger.type2.is-open>.cross:after {
    width: 50%;
}
.checkout-main {
	min-height:calc(100vh - 56px - 56px);
}
.black {
	color: #222 !important;
}
.bg-blue {
	background-color:rgba(236,251,255,1.00) !important;
	color: #000;
}
.bg-blue-t {
	background-color:rgba(236,251,255,.75) !important;
}
.bg-turquoise {
	background-color: #51a1ad !important;
}
.gold {
	color:#e3d263 !important;
}
.bg-gold {
	background-color:#e3d263 !important;
}
.bg-gold-t {
	background-color:rgba(232,214,88,0.9);
}
.bg-gray-t{
	background-color:rgba(195,195,195,0.90) !important;
}
.worksans{
	font-family: 'Work Sans', sans-serif !important;
}
.gothic, .btn, .btn-s {
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "ＭＳ ゴシック", sans-serif;
}
.standby {
	opacity:0;
}
.standby.is-visible {
	opacity:1;
}
.spinner circle{
	stroke-color:#ccc;
}
.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
	text-decoration: none;
}
/*.input[type="text"],.input[type="password"],.input[type="email"],.input[type="tel"],.input[type="number"],.input{
	border:none;
	border-bottom: solid 1px #000;
}
.input[type="text"]:focus,.input[type="password"]:focus,.input[type="email"]:focus,.input[type="tel"]:focus,.input[type="number"]:focus,.input:focus{
	background-color:#f5f5f5;
}*/



#menu_btn {
	z-index: 900;
    transition: background-color 400ms ease 0s;
}
#menu_btn.is-open {
	background-color:rgba(232,214,88,0.9);
}
#menu{
	width: 100vw;
	height: 100vh;
	background:rgba(236,236,236,0.95);
	position:fixed;
	left:0;
	top:-100vh;
    transition: transform .6s ease;
	z-index: 800;
}
#menu.is-open{
	display:block;
	transform:translate(0,100vh);
}
.home>#hero {
	height:100vh;
}
.onscroll {
    opacity: 0;
    transition: opacity 2s;
}
.blur{
    /*transform:scale(0.98);
	-ms-filter: blur(3px);
	filter: blur(3px);*/
}
.blur.is-visible {
    transform: scale(1);
}
.blur.is-visible.b0{
	-ms-filter: blur(0px);
	filter: blur(0px);
}
.blur.is-visible.b1{
	-ms-filter: blur(1px);
	filter: blur(1px);
}
.blur.is-visible.b2{
	-ms-filter: blur(2px);
	filter: blur(2px);
}
.blur.is-visible.b3{
	-ms-filter: blur(3px);
	filter: blur(3px);
}
.blur.is-visible:hover {
	-ms-filter: blur(0px);
	filter: blur(0px);
}
.onscroll.is-visible{
	opacity: 1;
}
#global-nav .sep:after {
	content:'/';
	margin:0 20px;
}
#global-nav a {
	position:relative;
}
#global-nav .jp{
	opacity: 0;
	position:absolute;
	left:50%;
    transform: translate(-50%,0px);
	white-space: nowrap;
	top:4px;
}
#global-nav a:hover>.en{
	opacity:0;
}
#global-nav a:hover>.jp{
	opacity:1;
}
#order-nav .jp {
	opacity: 0;
	position:absolute;
	left:50%;
    transform: translate(-50%,0px);
	white-space: nowrap;
}
#order-nav .bg-black {
	transition: background-color .4s ease 0s;
}
#order-nav a:hover .bg-black {
	--tw-bg-opacity: 0.1;
}
#order-nav a:hover .en{
	opacity:0;
}
#order-nav a:hover .jp{
	opacity:1;
	color: #fff;
}
#scroll {
	position: absolute;
	bottom: 10%;
	left: 50%;
    transform: translate(-50%, 0);
	color: #fff;
}
#scroll>i{
    transition: transform .3s;
}
#scroll:hover>i {
    transform: translate(0, 15%);
}
#hero {
	overflow:hidden;
}
#top-img1{
	top: 0;
	left: 0;
	width:25%;
	height: calc(100% * (2 / 3));
	/*transform:rotate(2deg) translateX(-10px);*/
	transform:rtranslateX(-10px);
}
#top-img2{
	top:0;
	left: 25%;
	width: 25%;
	height: calc(100% / 3);
	/*transform:rotate(1deg);*/
}
#top-img3 {
	top:0;
	right: 25%;
	width: 25%;
	height: calc(100% / 3);
	/*transform:rotate(-2deg);*/
}
#top-img4 {
	top: 0;
	right: 0;
	width: 25%;
	height: calc(100% / 3);
	/*transform:rotate(2deg);*/
}
#top-img5{
	bottom: 0;
	left: 0;
	width: 25%;
	height: calc(100% / 3);
	/*transform:rotate(1deg) translate(-10px, 10px);*/
	transform:translate(-10px, 10px);
}
#top-img6{
	bottom: 0;
	left: 25%;
	width: 25%;
	height: calc(100% / 3);
	/*transform:rotate(2deg);*/
}
#top-img7{
	bottom: 0;
	right: 25%;
	width: 25%;
	height: calc(100% / 3);
	/*transform:rotate(1deg);*/
}

#top-img8{
	bottom: 0;
	right: 0;
	width: 27%;
	height:calc(100% * (2 / 3));
	/*transform:rotate(-2deg) translate(10px, 10px);*/
	transform: translate(10px, 10px);
}
#logo_plate {
}
#logo_plate_inner {
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	position:absolute;
}
.sticky_menu {
	top:15px;
}
.card_img {
	padding-top:65%;
	position:relative;
}
.mesh {
	position: relative;
}

.mesh:before  {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background: rgba(171,171,171,0.3) url(../img/mesh.png);
}
.overflow-auto-y:after {
	content:'';
	display: block;
	width: 100%;
	height: 100px;
	position: absolute;
	bottom:0;
	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0)', endColorstr='#ffffff',GradientType=0 );
}

.uk-offcanvas-bar {
 	background:#fff;
}
.uk-offcanvas-bar,
.uk-offcanvas-bar h3{
	color: #000;
}
.uk-offcanvas-bar .uk-close {
	color: #222;
}
#logo_plate {
	background-position: center;
}


.table-border>*>tr>th, .table-border>*>tr>td, .table-border>tr>th, .table-border>tr>td {
	border-color:#000;
}
.offcanvas-bar>[close]{
	left:calc(100vw - 40px);
	right:auto;
}
.btn>[type=checkbox], .btn>[type=radio] {
	display:none;
}


@media (min-width: 960px) {
	.offcanvas-bar>[close]{
		left:calc(800px - 40px);
		right:auto;
	}
	.sticky_menu {
		top:90px;
	}
	.modal {
		padding: 90px 30px;
	}
	.modal-window {
		border-radius:4px;
	}
	.overflow-auto-y:after {
		content:none;
	}
	.overflow-auto-x.shadow-inset {
		box-shadow: none;
	}
	#scroll {
		bottom: 5%;
		color: #222;
	}
	#logo_plate_inner {
		position: static;
		top:auto;
		left:auto;
		transform:none;
	}
	#logo_plate {
		width:calc(100vw / 3);
		max-width: 380px;
		height: calc(100vw / 3);
		max-height: 380px;
		/*box-shadow: 0 10px 24px rgba(0,0,0,.15), 0 1px 0 rgba(255,255,255,.4) inset;*/
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		position:absolute;
	}
}