@charset "utf-8";

html 					{ overflow-x: hidden; }
body					{ font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Roboto", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight: 300; line-height: 1; color: #fff; position: relative; overflow-x: hidden; }
img 					{ vertical-align: bottom; max-width: 100%; }
h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; }
.serif 					{ font-family: 'Noto Serif JP', serif; }
.zcool                  { font-family: 'ZCOOL XiaoWei', serif; }
p 						{ line-height: 1.5em; }
hr 						{ background-color: #e6e6e6; }
figure 					{ margin: 0; }
.flex                   { display: flex; justify-content: space-between; flex-wrap: wrap;}

.animated 				{ opacity: 0; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; }
.slide-in-up 			{ visibility: visible;
-webkit-transform: translateY(50px) scale(1);
transform: translateY(50px) scale(1);
opacity: 1;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
-webkit-transition: opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
transition: opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
.slideInUp2 			{ -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); }
.delay-0_1s 			{ -webkit-animation-delay: .1s; animation-delay: .1s; }
.delay-0_2s 			{ -webkit-animation-delay: .2s; animation-delay: .2s; }
.delay-0_3s 			{ -webkit-animation-delay: .3s; animation-delay: .3s; }
.delay-0_4s 			{ -webkit-animation-delay: .4s; animation-delay: .4s; }
.delay-0_5s 			{ -webkit-animation-delay: .5s; animation-delay: .5s; }
.delay-0_6s 			{ -webkit-animation-delay: .6s; animation-delay: .6s; }
.delay-0_7s 			{ -webkit-animation-delay: .7s; animation-delay: .7s; }
.delay-0_8s 			{ -webkit-animation-delay: .8s; animation-delay: .8s; }
.delay-1s 				{ -webkit-animation-delay: 1s; animation-delay: 1s; }
.delay-1_1s 			{ -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
.delay-1_2s 			{ -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay-1_3s 			{ -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.delay-1_4s 			{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.delay-1_5s 			{ -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay-2s 				{ -webkit-animation-delay: 2s; animation-delay: 2s; }
.delay-2_5s 			{ -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }

@-webkit-keyframes first {
	0% {opacity: 1.0;}
	10% {opacity: 0.8;}
	20% {opacity: 0.6;}
	30% {opacity: 0.4;}
	40% {opacity: 0.2;}
	50% {opacity: 0.1;}
	60% {opacity: 0.2;}
	70% {opacity: 0.4;}
	80% {opacity: 0.6;}
	90% {opacity: 0.8;}
	100% {opacity: 1.0;}
}
@keyframes first {
	0% {opacity: 1.0;}
	10% {opacity: 0.8;}
	20% {opacity: 0.6;}
	30% {opacity: 0.4;}
	40% {opacity: 0.2;}
	50% {opacity: 0.1;}
	60% {opacity: 0.2;}
	70% {opacity: 0.4;}
	80% {opacity: 0.6;}
	90% {opacity: 0.8;}
	100% {opacity: 1.0;}
}

@-webkit-keyframes second {
	0% {opacity: 0;}
	10% {opacity: 0.2;}
	20% {opacity: 0.4;}
	30% {opacity: 0.6;}
	40% {opacity: 0.8;}
	50% {opacity: 1.0;}
	60% {opacity: 0.8;}
	70% {opacity: 0.6;}
	80% {opacity: 0.4;}
	90% {opacity: 0.2;}
	100% {opacity: 0;}
}
@keyframes second {
	0% {opacity: 0;}
	10% {opacity: 0.2;}
	20% {opacity: 0.4;}
	30% {opacity: 0.6;}
	40% {opacity: 0.8;}
	50% {opacity: 1.0;}
	60% {opacity: 0.8;}
	70% {opacity: 0.6;}
	80% {opacity: 0.4;}
	90% {opacity: 0.2;}
	100% {opacity: 0;}
}


@media print, screen and (min-width: 751px) {
.sp 					{ display: none!important; }
body 					{ font-size: 16px; }
.master 				{ width: 90%; margin: 0 auto; }
a 						{ -webkit-transition: .2s; transition: .2s; }
a:hover 				{ opacity: .6; }

#header 				{ width: 100%; height: 80px; position: absolute; top: 0; left: 0; z-index: 99; -webkit-transition: .5s; transition: .5s }
#header .master 		{ max-width: 1280px; height: 80px; padding: 0; }
#header .logoNav 		{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#header .logoNav .release{ margin-left: 10px; padding: 0 8px; font-size: 13px; color: #f00; border: 1px solid #f00; opacity: 0; white-space: nowrap; }
#header .logoNav .logoArea{ width: 217px; opacity: 0; }
#header .logoNav nav 	{ margin: 0 auto; }
#header .logoNav nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; }
#header .logoNav nav ul li{ padding: 1px 42px; }
#header .logoNav nav ul li a{ color: #fff; font-size: 17px; font-weight: 500; white-space: nowrap; text-shadow: 1px 1px 10px #000; text-shadow: 1px 1px 30px #000; }

/*.is-fixed */#header 		{ position: fixed; }
/*.is-fixed */#header .logoNav .logoArea{ opacity: 1; }
/*.is-fixed */#header .logoNav nav ul li a{ color: #fff; }
/*.is-fixed */#header .logoNav>p{ font-size: 12px; margin-left: 20px; }
.is-fixed #header {background: rgba(4, 6, 21, .8);border-bottom: 1px solid #d2ab7f; box-shadow: 1px 1px 5px #d2ab7f;}


#main                   {background: url(../img/menu-bg04.png) no-repeat 100% 120px / 22% auto, url(../img/menu-bg03.png) no-repeat 0% 200px / 26% auto, url(../img/menu-bg01.png) no-repeat bottom center / 100% auto, url(../img/menu-bg02.png) no-repeat top center / 100% auto, #030614; }
.mainArea .master 		{ max-width: 1280px; height: 730px; position: relative; }
.mainArea .master .logoArea{ width: 44%; position: absolute; top: 53%; left: 0; right: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); text-align: center; margin: auto}
.mainArea .master .logoArea p:nth-of-type(1){ width: 100%; margin: 0 auto; }
.mainArea .master .logoArea2{ width: 44%; position: absolute; top: 86%; left: 0; right: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); text-align: center; margin: auto}
.mainArea .master .logoArea2 p:nth-of-type(1){ width: 50%; margin: 0 auto; }

h2.title { width: 100%; position: relative; font-size: 32px; font-weight: 700; color: #d2ac80; display: inline-block; padding: 0 55px; margin: 0 auto; text-align: center; letter-spacing: .5rem;}
h2.title:before, h2.title:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 40%; height: 2px; border-top: solid 1px #d2ac80; border-bottom: solid 1px #d2ac80; }
h2.title:before { left:0; }
h2.title:after { right: 0;}


.topText 				{ margin-top: 39px; text-align: center; }

#menu 					{ padding: 120px 0 104px; background: url(../img/menu-bg05.png) no-repeat 0px 550px / 16% auto, url(../img/menu-bg06.png) no-repeat 98% 1000px / 23% auto, url(../img/menu-bg07.png) no-repeat 0% 1660px / 12% auto }
#menu .master 			{ max-width: 962px; }
#menu .menu-box         { box-sizing: border-box; border: 3px solid #d2ac80; margin-top: 67px; margin-bottom: 27px; background: url(../img/menu-box01.png) no-repeat 4% 50% / 132px auto, url(../img/menu-box02.png) no-repeat 94% 70% / 100px auto, rgba(3, 6, 20, .8); }
#menu .menu-box dl      { padding: 2% 0; width: 50%; margin: 0 auto }
#menu .menu-box dt      { width: 70%; font-size: 23px; line-height: 32px;}
#menu .menu-box dt span { font-size: 28px; letter-spacing: .1rem; }
#menu .menu-box dd      { width: 30%; font-size: 22px; padding-left: 4%; line-height: 32px;}
#menu .menu-box + p     { font-size: 16px;}
#menu .menu-box-inner   { box-sizing: border-box; border: 1px solid #d2ac80; margin: 3px; padding: 66px 130px; }
#menu .font_1{ font-size: 20px;}
#menu .subtitle         { font-size: 34px; text-align: center; letter-spacing: .4rem; margin-top: 66px; margin-bottom: 32px;}
#menu .subtitle span    { font-size: 18px; text-align: center; color: #d2ac80; letter-spacing: .1rem;}
#menu .menu-single      { width: 30%; margin-bottom: 16px;}
#menu .menuname         { font-size: 23px; color: #d2ac80; border-bottom: 1px solid #d2ac80; margin-bottom: 14px; }
#menu .menu-single dl   { font-size: 17px; line-height: 2; }
#menu .menu-single dt   { width: 70%; letter-spacing: .04rem; }
#menu .menu-single dd   { width: 30%; text-align: right; font-size: 19px; letter-spacing: .1rem; }
#menu .menu-single span { font-size: 12px; letter-spacing: 0; }
#menu .menu-list2 .munu-list2-l { width: 30%; display:flex; flex-flow: column; justify-content:space-between;}
#menu .menu-list2 .munu-list2-r { width: 65%; }
#menu .menu-list3-r     { width: 30%; display:flex; flex-flow: column; justify-content:space-between; }
#menu .menu-list2-2     { margin-top: 40px; }
#menu .menu-list2-2 .munu-list2-r dt { width: 48%;}
#menu .menu-list2-2 .munu-list2-r dd { width: 48%; text-align: left;}
#menu .menu-list2 .munu-list2-l .menu-single { width: 100%;}
#menu .menu-list2 .munu-list2-r .menu-single { width: 100%;}
#menu .menu-list3-r .menu-single { width: 100%;}
#menu .tax              { text-align: right; padding: 8% 0 0; letter-spacing: .1rem;}


#access 				{ padding: 110px 0 104px; }
#access .master 		{ max-width: 962px; }
#access .access-box     { margin-top: 8%; }
#access .access-box-l   { width: 46%; } */
#access .access-box-l img { margin-bottom: 27px; }

#access .access-box-l p { letter-spacing: .1rem; }
#access .access-box-r   { width: 46%; }
#access .access-box-r dl{ line-height: 2; }
#access .access-box-r dt{ width: 20%; letter-spacing: .1rem;}
#access .access-box-r dd{ width: 70%; letter-spacing: .1rem;}
#access .gmap           { color: #000; background: #fff; display: inline-block; padding: 2% 4%; box-sizing: border-box; text-align: center; margin: 4% 0 6%; transition: all ease .4s; }
#access .access-info    { border: 1px solid #fff; box-sizing: border-box; margin-top: 8%; line-height: 2; background: url(../img/iphone.svg) no-repeat 10% center / 32px auto;}
#access .access-info a  { display: block; padding: 8% 0% 8% 24%; box-sizing: border-box;}

#instagram              { background: #fff; padding: 110px 0 10px; color: #000; }
#instagram .master 		{ max-width: 962px; }
#instagram .insta-box-l { width: 30%; padding-top: 2%; margin: 0 auto;text-align: center;}
#instagram .insta-box-r { width: 60%; }
#instagram .insta-box-l h2 { font-size: 32px; margin-bottom: 80px; letter-spacing: .6rem; }
#instagram .insta-box-l p { font-size: 19px; margin-bottom: 55px; }
#instagram .insta-box-l a { font-size: 16px; color: #fff; background: #d2ac80; width: 100%; display: block; text-align: center; padding: 3%; box-sizing: border-box;}
#instagram .insta-box-r img { width: 32%; margin-bottom: 2%; object-fit: contain; display: block; }

#blog              		{ background: #fff; padding: 100px 0 10px; color: #000; }
#blog .master 			{ max-width: 962px; }
#blog .blogbnr      	{ text-align: center; color: #fff; width: 80%; margin: 0 auto; box-sizing: border-box; background: url(../img/blog-bg.png) no-repeat; background-size: cover; }
#blog h2            	{ letter-spacing: .4rem; margin-bottom: 2%; }
#blog a            		{ display: block; transition: all ease .4s;padding: 4%; }
#blog a:hover      		{ box-shadow: 1px 1px 20px #000; }

#staff              	{ background: #fff; padding: 110px 0 104px; color: #000; }
#staff .staff-box   	{ border: 3px solid #d2ac80; padding: 4%; box-sizing: border-box; }
#staff .master 			{ max-width: 962px; }
#staff h2 				{text-align: center;    color: #000; letter-spacing: .3rem; font-weight: normal; margin-bottom: 4%;}
#staff h2 + p 			{font-size: 20px; text-align: center; margin-bottom: 2%; letter-spacing: .1rem;}
#staff h2 + p + p 		{    text-align: center; margin-bottom: 2%; color: #666;}
#staff .staff-info 		{ width: 50%; padding: 2%; box-sizing: border-box; }
#staff h2.title:before, #staff h2.title:after { width: 36%; }
#staff .staff-info h3 	{ font-size: 16px; margin-bottom: 4%; font-weight: normal; letter-spacing: .1rem; }
#staff .staff-info p 	{ letter-spacing: .08rem; line-height: 1.8; }
#staff .contact-btn   	{ text-align: center; }
#staff .contact-btn a 	{ text-align: center; display: inline-block; width: 40%; margin: 4% auto; color: #fff; background: #d2ac80; padding: 2%; box-sizing: border-box; }

#pagetop 				{ position: fixed; bottom: 50px; right: 50px; }

#footer 				{ margin: 0; text-align: center; padding: 1% 0; background: #030614; }
#footer .copyright 		{ font-size: 12px; }
}


@media screen and (max-width: 1300px) and (min-width: 751px) {
#header .master 		{ width: 95%; padding-right: 0; padding-left: 0; }
}

@media screen and (max-width: 1200px) and (min-width: 751px) {
.mainArea .master .logoArea p:nth-of-type(1){ color: #e84a27; font-size: 40px; font-weight: 500; line-height: 1.4; }
.mainArea .master .logoArea p:nth-of-type(1) .c1{ display: none; }
.mainArea .master .logoArea p:nth-of-type(1) span{ font-size: 26px; }
.mainArea .master .logoArea p:nth-of-type(1) span.tax{ font-size: 12px; }
}


@media screen and (max-width: 1080px) and (min-width: 751px) {
#header .logoNav .logoArea{ width: 160px; }
#header .logoNav nav ul li{ padding: 1px 40px; }
#header .logoNav nav ul li a{ font-size: 14px; }

.master 				{ width: 80%; }

#menu 					{ background: url(../img/menu-bg05.png) no-repeat 0px 700px / 12% auto, url(../img/menu-bg06.png) no-repeat 98% 1100px / 18% auto, url(../img/menu-bg07.png) no-repeat 0% 1660px / 10% auto; }
#menu .master 			{ max-width: 80%; }
#menu .menu-box-inner 	{ padding: 46px 10px; }

#access .access-info a 	{ display: block; padding: 6% 0% 6% 28%; }

}


@media screen and (max-width: 950px) and (min-width: 751px) {
#header .logoNav .logoArea{ width: 140px; }
#header .logoNav nav ul li{ padding: 0 28px; }
#header .logoNav nav ul li a{ font-size: 12px; }
#header .logoNav .release{ margin-left: 5px; padding: 0 5px; font-size: 10px; }
#header .logoNav>p 		{ display: none; }

#main { background: url(../img/menu-bg04.png) no-repeat 100% 190px / 26% auto, url(../img/menu-bg03.png) no-repeat 0% 300px / 28% auto, url(../img/menu-bg01.png) no-repeat bottom center / 100% auto, url(../img/menu-bg02.png) no-repeat top center / 100% auto, #030614;  }

h2.title:before, h2.title:after { width: 30%; }

.mainArea .master .logoArea {width: 64%;}
.mainArea .master figure { width: 35.3%;}
.mainArea .master .logoArea2 p:nth-of-type(1) { width: 80%; }

#menu 					{ background: url(../img/menu-bg05.png) no-repeat 0px 700px / 12% auto, url(../img/menu-bg06.png) no-repeat 98% 1150px / 16% auto, url(../img/menu-bg07.png) no-repeat 0% 1660px / 10% auto; }
#menu .menu-box dt 		{ font-size: 18px; }
#menu .menu-box dd 		{ font-size: 18px; }
#menu .menu-box dt span { font-size: 20px; }
#menu .menu-box 		{ background: url(../img/menu-box01.png) no-repeat 4% 50% / 102px auto, url(../img/menu-box02.png) no-repeat 94% 70% / 80px auto, rgba(3, 6, 20, .8); }
#menu .menu-single dt 	{ font-size: 16px; }
#menu .menu-single dd 	{ font-size: 16px; }
#menu .menuname 		{font-size: 18px; color: #d2ac80; border-bottom: 1px solid #d2ac80; margin-bottom: 14px;}

#instagram .insta-box-l h2 {margin-bottom: 40px;}
#instagram .insta-box-l p { margin-bottom: 25px; }

#staff h2.title:before, #staff h2.title:after { width: 28%; }

#access .access-box-l 	{ width: 48%; }
#access .access-box-r 	{ width: 48%; }
}

@media screen and (max-width: 750px) {
.pc 					{ display: none!important; }
body 					{ font-size: 14px; padding-top: 56px; }
.master 				{ width: 90%; margin: 0 auto; }

#header 				{ width: 100%; height: 56px; position: absolute; top: 0; left: 0; z-index: 99; -webkit-transition: .5s; transition: .5s ; background: rgba(4, 6, 21, 1); border-bottom: 1px solid #d2ab7f; }
#header .master 		{ max-width: 1280px; padding: 10px 41px 0 0; }
#header .logoNav 		{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#header .logoNav .logoArea{ width: 130px; opacity: 0; }
#header .logoNav .release{ margin-left: 5px; padding: 0 5px; font-size: 10px; color: #f00; border: 1px solid #f00; opacity: 0; }
#header .sp-logo        { position: absolute; left: 10px; top: 6px; color: #fff; display: block; width: 80px; }

.drawer-nav 			{ z-index: 1000; background-color: #0e1a37; }
.drawer-menu li 		{ padding-left: 40px; }
.drawer-menu li a 		{ font-size: 15px; }
.drawer-menu li:first-of-type{ padding-top: 50px; }
#header .drawer-menu-item 	{ margin: 15px 0; padding: 5px 10px; color: #fff; text-align: center; font-weight: 700; display: inline-block; }
#header .drawer-menu-item:hover{ text-decoration: none; }
.drawer-hamburger 		{ width: 35px; padding: 16px .75rem 28px; z-index: 1001; position: absolute;}
.drawer--right.drawer-open .drawer-hamburger{ right: 0; }
.drawer-hamburger-icon 	{ background-color: transparent!important; }
.drawer--top .drawer-nav{ height: 100vh; -webkit-transition: .5s; transition: .5s; }
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ top: -7px; }
.drawer-hamburger-icon:after{ top: 7px; }
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #fff; }
.is-fixed .drawer-hamburger-icon:after,.is-fixed .drawer-hamburger-icon:before{ background-color: #fff; }
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{ background-color: #fff; }
.drawer-hamburger-icon:before{ top: -5px; }
.drawer-hamburger-icon:after{ top: 5px; }

/*.is-fixed */#header 		{position: fixed; }
/*.is-fixed */#header .logoNav .logoArea{ opacity: 1; }
.is-fixed #header .logoNav .release{ opacity: 1; }

.mainArea 				{ position: relative;}
.mainArea .inner 		{ width: 100%; padding: 20px 0; }

#main                   {background: url(../img/menu-bg04.png) no-repeat 100% 120px / 22% auto, url(../img/menu-bg03.png) no-repeat 0% 200px / 26% auto, url(../img/menu-bg01.png) no-repeat bottom center / 100% auto, url(../img/menu-bg02.png) no-repeat top center / 100% auto, #030614; }
.mainArea .master 		{ max-width: 1280px; height: 430px; position: relative; }
.mainArea .master .logoArea{ width: 74%; position: absolute; top: 53%; left: 0; right: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); text-align: center; margin: auto}
.mainArea .master .logoArea p:nth-of-type(1){ width: 100%; margin: 0 auto; }
.mainArea .master .logoArea2{ width: 84%; position: absolute; top: 86%; left: 0; right: 0; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); text-align: center; margin: auto}
.mainArea .master .logoArea2 p:nth-of-type(1){ width: 50%; margin: 0 auto; }

h2.title { width: 100%; position: relative; font-size: 24px; font-weight: 700; color: #d2ac80; display: inline-block; padding: 0 55px; margin: 0 auto; text-align: center; letter-spacing: .5rem;}
h2.title:before, h2.title:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 22%; height: 2px; border-top: solid 1px #d2ac80; border-bottom: solid 1px #d2ac80; }
h2.title:before { left:0; }
h2.title:after { right: 0;}


.topText 				{ margin-top: 39px; text-align: center; }

#menu 					{ padding: 40px 0 80px; background: url(../img/menu-bg05.png) no-repeat 0px 460px / 13% auto, url(../img/menu-bg06.png) no-repeat 98% 1160px / 20% auto, url(../img/menu-bg07.png) no-repeat 0% 1740px / 9% auto; }
#menu .master 			{ max-width: 962px; }
#menu .menu-box         { box-sizing: border-box; border: 3px solid #d2ac80; margin-top: 67px; margin-bottom: 27px; background: url(../img/menu-box01.png) no-repeat 4% 50% / 62px auto, url(../img/menu-box02.png) no-repeat 94% 70% / 50px auto, rgba(3, 6, 20, .8); }
#menu .menu-box dl      { padding: 2% 0; width: 80%; margin: 0 auto; text-align: center; letter-spacing: .1rem; }
#menu .menu-box dt      { width: 100%; font-size: 14px; line-height: 14px; margin-bottom: 4px;}
#menu .menu-box dt span { font-size: 14px; letter-spacing: .1rem; }
#menu .menu-box dd      { width: 100%; font-size: 14px; padding-left: 4%; line-height: 14px;}
#menu .menu-box + p     { font-size: 14px; margin-bottom: 80px;}
#menu .menu-box-inner   { box-sizing: border-box; border: 1px solid #d2ac80; margin: 3px; padding: 8%; }
#menu .subtitle         { font-size: 26px; text-align: center; letter-spacing: .4rem; margin-top: 40px; margin-bottom: 20px;}
#menu .subtitle span    { font-size: 16px; text-align: center; color: #d2ac80; letter-spacing: .1rem;}
#menu .menu-single      { width: 100%; margin-bottom: 12px;}
#menu .menuname         { font-size: 18px; color: #d2ac80; border-bottom: 1px solid #d2ac80; margin-bottom: 8px; }
#menu .menu-single dl   { font-size: 16px; line-height: 2; }
#menu .menu-single dt   { width: 75%; letter-spacing: .02rem; font-size: 13px; }
#menu .menu-single dd   { width: 25%; text-align: right; font-size: 14px; letter-spacing: .02rem;}
#menu .menu-single span { font-size: 10px; line-height: 10px;letter-spacing: 0; }
#menu .menu-list2 .munu-list2-l { width: 100%; display:flex; flex-flow: column; justify-content:space-between;}
#menu .menu-list2 .munu-list2-r { width: 100%; }
#menu .menu-list3-r     { width: 100%; display:flex; flex-flow: column; justify-content:space-between; }
#menu .menu-list2-2     { margin-top: 0px; }
#menu .menu-list2-2 .munu-list2-r dt { width: 100%;}
#menu .menu-list2-2 .munu-list2-r dd { width: 100%; text-align: left;}
#menu .menu-list2 .munu-list2-l .menu-single { width: 100%;}
#menu .menu-list2 .munu-list2-r .menu-single { width: 100%;}
#menu .menu-list3-r .menu-single { width: 100%;}
#menu .tax              { text-align: left; padding: 8% 0 0; letter-spacing: .1rem;}


#access 				{ padding: 40px 0 104px;}
#access .master 		{ max-width: 962px; }
#access .access-box     { margin-top: 8%; }
#access .access-box-l   { width: 100%; margin-bottom: 40px; }
#access .access-box-l img { margin-bottom: 27px; }
#access .access-box-l p { letter-spacing: .1rem; }
#access .access-box-r   { width: 100%; }
#access .access-box-r dl{ line-height: 2; }
#access .access-box-r dt{ width: 20%; letter-spacing: .1rem;}
#access .access-box-r dd{ width: 70%; letter-spacing: .1rem;}
#access .gmap           { color: #000; background: #fff; display: inline-block; padding: 2% 4%; box-sizing: border-box; text-align: center; margin: 4% 0 6%; transition: all ease .4s; }
#access .access-info    { border: 1px solid #fff; box-sizing: border-box; margin-top: 8%; line-height: 2; background: url(../img/iphone.svg) no-repeat 10% center / 32px auto;}
#access .access-info a  { display: block; padding: 8% 0% 8% 30%; box-sizing: border-box; }


#instagram              { background: #fff; padding: 40px 0 0; color: #000; }
#instagram .master 		{ max-width: 962px; }
#instagram .insta-box-l { width: 100%; padding-top: 2%; text-align: center; }
#instagram .insta-box-r { width: 100%; }
#instagram .insta-box-l h2 { font-size: 24px; margin-bottom: 40px; letter-spacing: .6rem; }
#instagram .insta-box-l p { font-size: 19px; margin-bottom: 40px; }
#instagram .insta-box-l a { font-size: 16px; color: #fff; background: #d2ac80; width: 100%; display: block; text-align: center; padding: 3%; box-sizing: border-box;}
#instagram .insta-box-r img { width: 100%; height: auto; margin-bottom: 2%; display: block; }

#blog              		{ background: #fff; padding: 0 0 40px; color: #000; }
#blog .master 			{ max-width: 962px; }
#blog .blogbnr      	{ text-align: center; color: #fff; width: 100%; margin: 0 auto; box-sizing: border-box; background: url(../img/blog-bg.png) no-repeat; background-size: cover; }
#blog h2            	{ letter-spacing: .4rem; margin-bottom: 2%; }
#blog a            		{ display: block; transition: all ease .4s;padding: 4%; }
#blog a:hover      		{ box-shadow: 1px 1px 20px #000; }

/* #form *,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
} */

/* #form html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
} */

#form .btn,
a.btn,
button.btn {
  /* font-size: 1.6rem; */
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
	width: 100%;
	-nimheight: auto;
	margin: 0;
	box-sizing: border-box;
	display: block;
}

#form .btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #d2ac80;
	transition: all ease .4s;
	padding: 4%;
  
}

#form .btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #ba9972;
	transition: all ease .4s;
	padding: 4%;
}

#staff     { background: #fff; padding: 40px 0 80px; color: #000; }  	
#staff .staff-box   	{ border: 3px solid #d2ac80; padding: 4%; box-sizing: border-box; }
#staff .master 			{ max-width: 962px; }
#staff h2 + p 			{font-size: 16px; text-align: center; margin:8% 0% 6%; letter-spacing: .1rem;}
#staff h2 + p + p 		{    text-align: center; margin-bottom: 6%; color: #666; font-size: 13px;}
#staff .staff-info 		{ width: 100%; padding: 2%; box-sizing: border-box; margin-bottom: 4%; }
#staff h2.title:before, #staff h2.title:after { width: 16%; }
#staff .staff-info h3 	{ font-size: 16px; margin-bottom: 4%; font-weight: normal; letter-spacing: .1rem; }
#staff .staff-info p 	{ letter-spacing: .08rem; line-height: 1.8; }
#staff .contact-btn   	{ text-align: center; }
#staff .contact-btn a 	{ text-align: center; display: inline-block; width: 80%; margin: 4% auto; color: #fff; background: #d2ac80; padding: 2%; box-sizing: border-box; }

#pagetop 				{ position: fixed; bottom: 40px; right: 20px; }

#footer 				{ margin: 0; text-align: center; padding: 1% 0; background: #030614; }
#footer .copyright 		{ font-size: 12px; }
}

.slide {
 position: relative;
 overflow: hidden;
 max-width: 100%;
 height: 210px;
 margin-bottom: 27px;
 object-fit: contain;
 
}

.slide img{
	display: block;
  position: absolute;
	width: inherit;
	height: inherit;
	left: 100%;
	animation: Anime 20s ease infinite;
}

.slide img:nth-of-type(1) {animation-delay: 20s;}
.slide img:nth-of-type(2) {animation-delay: 5s;}
.slide img:nth-of-type(3) {animation-delay: 10s;}
.slide img:nth-of-type(4) {animation-delay: 15s;}

@keyframes Anime{0%{left: -100%;} 6%{left: 0;} 19%{left: 0;} 25%{left: 100%;} 100%{left: 100%;}}