@charset "UTF-8";
@keyframes AnimationName {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
/* ===============================================
 * reset css
 * =============================================== */
* { padding: 0; margin: 0; box-sizing: border-box; }
*:focus { outline: none; }
ul { list-style: none; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }

/* ===============================================
 * base
 * =============================================== */
html { font-size: 62.5%; height: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { font-size:1.6rem; line-height: 1.9; background: #ccc; word-break: break-all; color: #333; width: 100%; height: 100%; text-align: left; -webkit-text-size-adjust: 100%;  font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; overflow-x: hidden; }

#main_flame { width: 100%; max-width: 1600px; margin: 0 auto 100px; box-shadow: 5px 5px 7px #aaa; }
.bg-color-gr { background: #eee; }
.bg-color-w { background: #fff; }
.bg-sub { background: #00BFFF !important; color: #fff !important; }
.bg-brand { background: #FF0040 !important; color: #fff !important; }
.bg-darkgray { background: #aaa; color: #fff !important; }

a, button { color: #2E546A; text-decoration: none;  -webkit-touch-callout: none; }
a:hover, button:hover { opacity: .7; text-decoration: none; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; word-break: break-all; }
.round { border-radius: 3px; }
small,.small { font-size: 80%; font-weight: 400; }

.mbbr {display: none;}

/* ===============================================
 * layout
 * =============================================== */
#container{ position: relative; }
#wrapper { width: 100%; min-height: 100%; position: relative; }
#about{ background-color: #fff; width: 100%;}
#about::before{ content: ""; display: block; clear: both; margin-top: 0;}
.section { width: 100%; position: relative; }
.primary { width: 1400px; max-width: 100%; padding: 0 1rem;  margin: 0 auto; }
.l-align-l { text-align: left; }
.l-align-c { text-align: center; }
.l-align-r { text-align: right; }
.l-row { display: flex; flex-wrap: wrap; }
.l-row:after, .l-row:before { display: none; }



/* ===============================================
 * mgn
 * =============================================== */
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }
.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.m-6 { margin: 0.6rem !important; }
.mt-6 { margin-top: 0.6rem !important; }
.mr-6 { margin-right: 0.6rem !important; }
.mb-6 { margin-bottom: 0.6rem !important; }
.ml-6 { margin-left: 0.6rem !important; }
.m-8 { margin: 0.8rem !important; }
.mt-8 { margin-top: 0.8rem !important; }
.mr-8 { margin-right: 0.8rem !important; }
.mb-8 { margin-bottom: 0.8rem !important; }
.ml-8 { margin-left: 0.8rem !important; }
.m-10 { margin: 1.0rem !important; }
.mt-10 { margin-top: 1.0rem !important; }
.mr-10 { margin-right: 1.0rem !important; }
.mb-10 { margin-bottom: 1.0rem !important; }
.ml-10 { margin-left: 1.0rem !important; }
.m-12 { margin: 1.2rem !important; }
.mt-12 { margin-top: 1.2rem !important; }
.mr-12 { margin-right: 1.2rem !important; }
.mb-12 { margin-bottom: 1.2rem !important; }
.ml-12 { margin-left: 1.2rem !important; }
.m-14 { margin: 1.4rem !important; }
.mt-14 { margin-top: 1.4rem !important; }
.mr-14 { margin-right: 1.4rem !important; }
.mb-14 { margin-bottom: 1.4rem !important; }
.ml-14 { margin-left: 1.4rem !important; }
.m-16 { margin: 1.6rem !important; }
.mt-16 { margin-top: 1.6rem !important; }
.mr-16 { margin-right: 1.6rem !important; }
.mb-16 { margin-bottom: 1.6rem !important; }
.ml-16 { margin-left: 1.6rem !important; }
.m-18 { margin: 1.8rem !important; }
.mt-18 { margin-top: 1.8rem !important; }
.mr-18 { margin-right: 1.8rem !important; }
.mb-18 { margin-bottom: 1.8rem !important; }
.ml-18 { margin-left: 1.8rem !important; }
.m-20 { margin: 2.0rem !important; }
.mt-20 { margin-top: 2.0rem !important; }
.mr-20 { margin-right: 2.0rem !important; }
.mb-20 { margin-bottom: 2.0rem !important; }
.ml-20 { margin-left: 2.0rem !important; }
.m-24 { margin: 2.4rem !important; }
.mt-24 { margin-top: 2.4rem !important; }
.mr-24 { margin-right: 2.4rem !important; }
.mb-24 { margin-bottom: 2.4rem !important; }
.ml-24 { margin-left: 2.4rem !important; }
.m-26 { margin: 2.6rem !important; }
.mt-26 { margin-top: 2.6rem !important; }
.mr-26 { margin-right: 2.6rem !important; }
.mb-26 { margin-bottom: 2.6rem !important; }
.ml-26 { margin-left: 2.6rem !important; }
.m-28 { margin: 2.8rem !important; }
.mt-28 { margin-top: 2.8rem !important; }
.mr-28 { margin-right: 2.8rem !important; }
.mb-28 { margin-bottom: 2.8rem !important; }
.ml-28 { margin-left: 2.8rem !important; }
.m-30 { margin: 3.0rem !important; }
.mt-30 { margin-top: 3.0rem !important; }
.mr-30 { margin-right: 3.0rem !important; }
.mb-30 { margin-bottom: 3.0rem !important; }
.ml-30 { margin-left: 3.0rem !important; }
.m-32 { margin: 3.2rem !important; }
.mt-32 { margin-top: 3.2rem !important; }
.mr-32 { margin-right: 3.2rem !important; }
.mb-32 { margin-bottom: 3.2rem !important; }
.ml-32 { margin-left: 3.2rem !important; }
.m-34 { margin: 3.4rem !important; }
.mt-34 { margin-top: 3.4rem !important; }
.mr-34 { margin-right: 3.4rem !important; }
.mb-34 { margin-bottom: 3.4rem !important; }
.ml-34 { margin-left: 3.4rem !important; }
.m-36 { margin: 3.6rem !important; }
.mt-36 { margin-top: 3.6rem !important; }
.mr-36 { margin-right: 3.6rem !important; }
.mb-36 { margin-bottom: 3.6rem !important; }
.ml-36 { margin-left: 3.6rem !important; }
.m-40 { margin: 4.0rem !important; }
.mt-40 { margin-top: 4.0rem !important; }
.mr-40 { margin-right: 4.0rem !important; }
.mb-40 { margin-bottom: 4.0rem !important; }
.ml-40 { margin-left: 4.0rem !important; }
.m-44 { margin: 4.4rem !important; }
.mt-44 { margin-top: 4.4rem !important; }
.mr-44 { margin-right: 4.4rem !important; }
.mb-44 { margin-bottom: 4.4rem !important; }
.ml-44 { margin-left: 4.4rem !important; }
.m-56 { margin: 5.6rem !important; }
.mt-56 { margin-top: 5.6rem !important; }
.mr-56 { margin-right: 5.6rem !important; }
.mb-56 { margin-bottom: 5.6rem !important; }
.ml-56 { margin-left: 5.6rem !important; }

.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.p-6 { padding: 0.6rem !important; }
.pt-6 { padding-top: 0.6rem !important; }
.pr-6 { padding-right: 0.6rem !important; }
.pb-6 { padding-bottom: 0.6rem !important; }
.pl-6 { padding-left: 0.6rem !important; }
.p-8 { padding: 0.8rem !important; }
.pt-8 { padding-top: 0.8rem !important; }
.pr-8 { padding-right: 0.8rem !important; }
.pb-8 { padding-bottom: 0.8rem !important; }
.pl-8 { padding-left: 0.8rem !important; }
.p-16 { padding: 1.6rem !important; }
.pt-16 { padding-top: 1.6rem !important; }
.pr-16 { padding-right: 1.6rem !important; }
.pb-16 { padding-bottom: 1.6rem !important; }
.pl-16 { padding-left: 1.6rem !important; }
.p-24 { padding: 2.4rem !important; }
.pt-24 { padding-top: 2.4rem !important; }
.pr-24 { padding-right: 2.4rem !important; }
.pb-24 { padding-bottom: 2.4rem !important; }
.pl-24 { padding-left: 2.4rem !important; }
.p-32 { padding: 3.2rem !important; }
.pt-32 { padding-top: 3.2rem !important; }
.pr-32 { padding-right: 3.2rem !important; }
.pb-32 { padding-bottom: 3.2rem !important; }
.pl-32 { padding-left: 3.2rem !important; }
.p-36 { padding: 3.6rem !important; }
.pt-36 { padding-top: 3.6rem !important; }
.pr-36 { padding-right: 3.6rem !important; }
.pb-36 { padding-bottom: 3.6rem !important; }
.pl-36 { padding-left: 3.6rem !important; }

.bg-white{background-color:#fff}
.bg-black01{background-color:#000}
.bg-black04{background-color:#0b0b0b}
.bg-gray01{background-color:#ededed}
.bg-gray02{background-color:#ececec}
.bg-gray03{background-color:#d8d8d8}
.bg-gray04{background-color:#e7e7e7}
.bg-gray05{background-color:#f3f3f3}
.bg-gray06{background-color:#c4c5cc}
.bg-gray07{background-color:#eee}
.bg-gray08{background-color:#d3d3d3}
.bg-gray09{background-color:#3b3b3b}
.bg-gray11{background-color:#e4e4e4}
.bg-gray15{background-color:#eee}
.bg-gray16{background-color:#575757}
.bg-gray19{background-color:#f3f2f2}
.bg-gray20{background-color:#e9e9e9}
.bg-yellow-lt{background-color:#faf6da}
.bg-yellow-lt02{background-color:#fff6b2}
.bg-yellow-lt03{background-color:#faf5cf}
.bg-yellow{background-color:#e5cc52}
.bg-yellow02{background-color:#febd03}
.bg-yellow03{background-color:#e6c85d}
.bg-red01{background-color:#c53433}
.bg-blue-lt{background-color:#0080bd}
.bg-navy-lt{background-color:#1f2f54;}
.bg-green-lt{background-color:#84ac54}
.bg-green{background-color:#2a8f61}
.bg-brown{background-color:#bd7f3d}
.bg-purple{background-color:#513a6b}

/* ===============================================
 * border
 * =============================================== */
.bt { border-top: 1px solid #FF0040; }
.bb { border-bottom: 1px solid #FF0040; }
.br { border-right: 1px solid #FF0040; }
.bl { border-left: 1px solid #FF0040; }
.bt-n { border-top: 0 !important; }
.bb-n { border-bottom: 0 !important; }
.under-line { padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid #6C6C6C; }
.under-line-bold { padding-bottom: 3px; margin-bottom: 10px; border-bottom: 2px solid #6C6C6C; }

/* ===============================================
 * table
 * =============================================== */
table { border-collapse: collapse; }
table.price th { padding: 7px 0; }
table.price td { padding: 5px; }
table.def th { background-color: #9D9EA3; padding: 5px 0; }
table.def td { padding: 3px; }
table.no-border td { border: none; }
.end-line { border-bottom: 1px solid #9D9EA3 !important; }

/* ===============================================
 * img
 * =============================================== */
.img-circle { border-radius: 50%; }

/* ===============================================
 *.shadow
 * =============================================== */
.shadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

/* ===============================================
 *.display
 * =============================================== */
.d-ib { display: inline-block; }
.d-b { display: block; }
.d-n { display: none; }

/* ===============================================
 *.text
 * =============================================== */
.text--bold { font-weight: bold; }
.text--primary { color: #FF0040; }
.text--sub { color: #00BFFF; }
.text--white { color: #fff; }
.text--red { color: #F4002D; }
.text--gray { color: #999; }
.text--lightgray { color: #e8e8e8; }

.text--sms { color: #32c14d; }
.text--twitter { color: #00aaf0; }
.text--facebook {color: #3a53a3; }
.text--lighter { font-weight: lighter; }

.fz--10 { font-size: 1.0rem; }
.fz--11 { font-size: 1.1rem; }
.fz--12 { font-size: 1.2rem; }
.fz--13 { font-size: 1.3rem; }
.fz--14 { font-size: 1.4rem; }
.fz--15 { font-size: 1.5rem; }
.fz--16 { font-size: 1.6rem; }
.fz--18 { font-size: 1.8rem; }
.fz--19 { font-size: 1.9rem; }
.fz--20 { font-size: 2.0rem; }
.align-c { text-align: center !important; }
.align-l { text-align: left !important; }
.align-r { text-align: right !important; }

/* ===============================================
 *.list
 * =============================================== */
.list-a { list-style-type: disc; padding: 0 1rem; }
.list-b { list-style-type: none; position: relative; }
.list-b li { position: relative; padding: 0 0 0 1rem; margin-bottom: .5rem; }
.list-b li::after { position: absolute; left: 0; top: 2px; font-size: .625rem; font-family: "Font Awesome 5 Free"; content: "\f621"; font-weight: bold; color: #7A7A7A; }
.list-c { list-style-type: decimal; padding: 0 0 0 1.125rem; }

/* ===============================================
 *.responsive display
 * =============================================== */
@media (min-width: 1024px) {
	.mb { display: none !important; }
	.tab { display: none !important; }
	.pcnone {    display: none !important; }
}
@media (min-width: 721px) and (max-width: 1023px) {
  .mb { display: none !important; }
  .pc { display: none !important; }
  .tabnone { display: none !important; }
}
@media (max-width: 720px) {
	.tab { display: none !important; }
	.pc { display: none !important; }
	.mbnone { display: none !important; }
}

h2 { font-size: 5rem; font-weight: 400; letter-spacing: .3em; color: #222222; text-align: center; font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
h2.white { color: #fff; }
h3 { font-size: 3rem; font-weight: 700; color: #222222; font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
@media (min-width: 1500px) {
    h3 {font-size: 3.0rem; }
}
h3.white { color: #fff; }

h4 { font-size: 2.8rem; font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; font-weight: normal; position: relative; color: #333; margin: 3rem 0; }
/*h4::after { position: absolute; width: 50px; height: 1px; top: 50%; left: -65px; content: ""; background-color: #333; }*/
h4 span { font-size: 1.4rem; font-weight: normal; margin-left: .5rem; color: #585858; }
h5 { font-size: 1.8rem; font-weight: bold; margin: 1.5rem 0 1rem; }
h5 i { font-size: 1.8rem; margin-right: 6px; }
.box { border: 1px solid #333; padding: 1rem; margin: 1rem 0; }


#footer { width: 100%; padding: 3rem 0; background: url("../image/footer-bg.png"); background-size: cover; background-position: center center; background-attachment: fixed; color: #fff; text-align: center; }
#footer .title { font-size: 1.25rem; font-weight: bold; letter-spacing: .05em; margin-bottom: 1.5rem; }
#footer .logo { width: 250px; margin: 0 auto; }
#footer ul.menu { width: 100%; display: flex; justify-content: center; margin-top: 2rem; }
#footer ul.menu li { padding: 0 1rem; }
#footer ul.menu li a { color: #fff; font-weight: bold; }

#bottom-label { width: 100%; max-width: 1600px; padding: .5rem 0; background-color: #101217; color: #fff; text-align: center; font-size: 1.3rem; }
#bottom-label ul.link { display: flex; justify-content: center; margin-bottom: .25rem; }
#bottom-label ul.link li { padding: 0 1rem; border-right: 1px solid #fff; }
#bottom-label ul.link li:last-child { border-right: none; }
#bottom-label ul.link li a { color: #fff; }

/* ===============================================
 * btn
 * =============================================== */
.btn { text-align: center; color: #fff; border: 1px solid transparent; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; position: relative; cursor: pointer; min-height: 50px; min-width: 200px;
  font-weight: bold; text-decoration: none; border-radius: 3px; padding: 0 10px; }
.btn i { position: absolute; font-size: 2.0rem; top: 50%; left: 15px; transform: translate(0, -50%); }
@media screen and (max-width: 576px) { 
	.btn { font-size: 1.6rem; min-width: 100%; }
}
.btn .btn__inner span { font-size: 1.2rem; }
.btn--small { height: 35px; min-height: 35px; font-weight: normal; }
.btn--xsmall { height: 25px; min-height: 25px; font-weight: normal; }
.btn--primary { color: #fff; background: #FF0040; }
.btn--white { color: #FF0040; background: #fff; }
.btn--white_sub { color: #00BFFF; background: #fff; }
.btn--gray { color: #aaa; background: #fafafa; }
.btn--darkgray { color: #fff; background: #aaa; }
.btn--sub { color: #fff; background: #00BFFF; }
.btn--disable { color: #aaa; background: #000; }
.btn--b-white { color: #fff; background: transparent; border: 1px solid #fff; }
.btn--b-black { color: #000; background: transparent; border: 1px solid #000; }
.btn--b-primary { color: #FF0040; background: transparent; border: 1px solid #FF0040; }
.btn--b-sub { color: #00BFFF; background: transparent; border: 1px solid #00BFFF; }
.btn--b-gray { color: #aaa; background: transparent; border: 1px solid #aaa; }
.btn--fb { color: #fff; background: #3a53a3; border-color: #3a53a3; }
.btn--fb i { position: absolute; top: 50%; left: 15px; transform: translate(0%, -50%); }
.btn--tw { color: #fff; background: #00aaf0; border-color: #00aaf0; }
.btn--tw i { position: absolute; top: 50%; left: 15px; transform: translate(0%, -50%); }
.btn--round { border-radius: 30px; }
.btn--radius-0 { border-radius: 0; }
.btn-icon { cursor: pointer; margin: 0 7px; width: 50px; height: 50px; border-radius: 50%; background: #fff; color: #FF0040; display: flex; border: 0; justify-content: center; align-items: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.btn-icon i { font-size: 1.25rem; }
.btn-icon.btn-icon--primary { color: #fff; background: #FF0040; }
.btn-icon.btn-icon--gray { color: #fff; background: #aaa; }
.btn-icon.btn-icon--add { margin: 0; background: #FF0040; color: #fff; box-shadow: none; width: 30px; height: 30px; }
.btn-icon.btn-icon--add i { color: #fff !important; font-size: 2rem; }
.submitbtn {-webkit-appearance: none; border-radius: 0; padding: 2em 4em; font-size: 2.4rem; margin-top: 2em; margin-bottom: 2em; background-color: #eee;}

.submitbtn:hover { background-color: #333; color: #fff;}
.submit_button_s {-webkit-appearance: none; border-radius: 10px; padding: 0.5em 1em; font-size: 1.5rem;border: 1px #bbb solid; box-shadow: 3px 3px 5px #bbb; position: relative; margin: 1em auto 2em;}
.submit_button_s:hover { background-color: #333; color: #fff;}

[disabled="disabled"] { color: #aaa !important; background: #fafafa !important; border: 1px solid #FF0040 !important; }
.scroll { position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); }
.scroll a { padding-top: 70px; color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.4); }
.scroll a span { position: absolute; top: 16px; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg);
    -webkit-animation: sdb 1.5s infinite; animation: sdb 1.5s infinite; box-sizing: border-box; }
@-webkit-keyframes sdb {
	0% { -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0); opacity: 0; }
	50% { opacity: 1; }
	100% { -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px); opacity: 0; }
}
@keyframes sdb {
	0% { transform: rotateY(0) rotateZ(-45deg) translate(0, 0); opacity: 0; }
	50% { opacity: 1; }
	100% { transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px); opacity: 0; }
}
#first-view { width: 100%; height: 100%; position: relative; overflow: hidden; }
#first-view #video { background-attachment: fixed; background-position: center center; background-size: cover; min-height: 100%; min-width: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
#first-view .tips { position: fixed; bottom: 30px; right: 30px; width: 11vw; max-width: 250px; min-width: 150px; animation: tips-shake 2s ease infinite; z-index: 99; }
@keyframes tips-shake {
	0% { bottom: 30px; }
	50% { bottom: 20px; }
	100% { bottom: 30px; }
}
#first-view canvas { position: absolute; top: -13vh; left: 0; opacity: 1; }
#first-view .line { width: 50%; height: 1px; position: absolute; top: 51%; margin-top: 15px; background-color: #fff; opacity: 0; animation-duration: 1.5s; animation-delay: 1.5s; animation-fill-mode: forwards; animation-iteration-count: 1; }
#first-view .line.left { left: -320px; animation-name: LeftToRight; }
#first-view .line.right { right: -320px; animation-name: RightToLeft; }
@keyframes RightToLeft {
  0% { transform: translateX(150%); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; }
}
@keyframes LeftToRight {
  0% { transform: translateX(-150%); opacity: 1; }
  100% { transform: translateX(0); opacity: 1; }
}
#first-view .countdown { position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
#first-view .countdown .title { font-size: 16px; color: #fff; font-weight: bold; letter-spacing: .05em; margin-bottom: 20px; }
#first-view .countdown .comment { font-size: 13px; color: #fff; font-weight: normal; letter-spacing: .1em; margin-top: 40px; }
#first-view .countdown .yycountdown-box { font-size: 45px; font-weight: bold; color: #fff; letter-spacing: .2em; }
#first-view .countdown .yycountdown-box span.yyc-day { letter-spacing: .08em; margin-right: 5px; }
#first-view .countdown .yycountdown-box span.yyc-day-text { letter-spacing: .05em; font-size: 30px; margin-right: 10px; }

#news { width: 100%; padding: 10vh 0; position: relative; background-image: linear-gradient(-60deg, #473b7b, #3584a7, #3e888f, #3584a7, #473b7b); background-size: 600% 600%; animation: AnimationName 10s ease infinite; }
#news .primary { display: flex; justify-content: space-around; margin-top: 2rem; }
#news .primary .wrap { width: 45%; }
#news .primary .wrap .title { font-size: 2rem; font-weight: 400; letter-spacing: .3em; color: #fff; text-align: center; margin-bottom: 2rem; font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; }
#news .primary .wrap dl { width: 100%; display: flex; margin-bottom: 1.5rem; color: #fff; }
#news .primary .wrap dl dt { width: 20%; font-size: .875rem; letter-spacing: -.05em; font-weight: bold; }
#news .primary .wrap dl dd { width: 75%; font-size: .812rem; }
#news .primary .wrap dl dd a { color: #fff; }

#event, #japanTour { width: 100%; padding: 10vh 0 0; }
#event .wrap, #japanTour .wrap { width: 100%; display: flex; justify-content: space-between; flex-direction: row-reverse; position: relative; }
#event .wrap .img, #japanTour .wrap .img { width: 40%; vertical-align: bottom; position: relative; }
#event .wrap .img img, #japanTour .wrap .img img { box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); position: relative; right: 6vw; top: 100px; }
#event .wrap .img::after, #japanTour .wrap .img::after { position: absolute; width: calc(100% + 2vw); height: 28vw; background-image: linear-gradient(-225deg, rgba(71, 59, 123, 0.1) 0%, rgba(53, 132, 167, 0.1) 51%, rgba(48, 210, 190, 0.1) 100%); right: 0; top: 0; content: "";z-index: -1; }
#event .wrap .contents, #japanTour .wrap .contents { width: 50%; padding: 5rem 0 0 5vw; }
#event .wrap .contents h3 span, #japanTour .wrap .contents h3 span { font-size: 200%; font-weight: bold; padding: 0 .5rem; color: #333;background-image: linear-gradient(-225deg, #A445B2 0%, #D41872 52%, #FF0066 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#event .wrap .contents .catch, #japanTour .wrap .contents .catch { font-size: 1.6vw; font-weight: bold; letter-spacing: .05em; margin-top: 2.3rem; }
#event .wrap .contents .description, #japanTour .wrap .contents .description { font-size: .812rem; line-height: 1.7; margin-top: 2rem; }
#event .wrap .contents ul, #japanTour .wrap .contents ul { width: 100%; display: flex; justify-content: space-between; font-size: .812rem; margin-top: 3rem; }
@media (max-width: 1700px) {
	#event .wrap .contents ul, #japanTour .wrap .contents ul { flex-wrap: wrap; } 
}
#event .wrap .contents ul li, #japanTour .wrap .contents ul li { width: auto; padding: 0 .5rem; text-align: center; margin-bottom: 2rem; }
@media (max-width: 1700px) {
	#event .wrap .contents ul li, #japanTour .wrap .contents ul li { width: 50%; }
}
#event .wrap .contents ul li:first-child, #japanTour .wrap .contents ul li:first-child { padding-left: 0; }
#event .wrap .contents ul li:last-child, #japanTour .wrap .contents ul li:last-child { padding-right: 0; }
#event.re .wrap, #japanTour.re .wrap { flex-direction: row; position: relative; }
#event.re .wrap .img img, #japanTour.re .wrap .img img { position: relative; left: 6vw; right: auto; }
#event.re .wrap .img::after, #japanTour.re .wrap .img::after { background-image: linear-gradient(-225deg, rgba(71, 59, 123, 0.1) 0%, rgba(53, 132, 167, 0.1) 51%, rgba(48, 210, 190, 0.1) 100%);left: 0; }
#event.re .wrap .contents, #japanTour.re .wrap .contents { padding: 5rem 5vw 0 0; }
#event.re .wrap .contents h3 span, #japanTour.re .wrap .contents h3 span { background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); }

#point { width: 100%; padding: 10vh 0; position: relative; margin-top: 15vh; color: #fff; background: linear-gradient(45deg, #874da2, #c43a30, #874da2); background-size: 600% 600%;
  animation: AnimationName 15s ease infinite; }
#point ul { display: flex; justify-content: space-around; width: 1300px; max-width: 100%; margin: 3rem auto 0; }
#point ul a { color: #fff; }
#point ul li { width: 23%; text-align: center; font-size: 0.875rem; transition: .5s; padding: 3rem 1% 1rem; }
#point ul li i { font-size: 3vw; }
#point ul li .title { font-size: 1.062rem; letter-spacing: .1em; font-weight: bold; font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; margin: 1.5rem 0 1rem; }
#point ul li:hover { box-shadow: 0 0 14px 8px rgba(0, 0, 0, 0.1); transform: scale(1.1); }
#tour { width: 100%; padding: 10vh 0; position: relative; }
#tour .primary { margin-top: 5rem; }
#tour table.course { width: 100%; border-right: #9D9EA3 solid 1px; border-collapse: collapse; font-size: 0.875rem; }
@media (min-width: 481px) and (max-width: 1023px) {
	#tour table.course { font-size: 0.75rem; }
}
#tour table.course thead tr { background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background-blend-mode: normal, lighten, soft-light; }
#tour table.course thead th { color: #FFF; padding: 10px 15px; border-right: #FFF solid 1px; border-bottom: #FFF solid 1px; }
#tour table.course thead th:last-child { border-right: #9D9EA3 solid 1px; }
#tour table.course tbody th { background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background-blend-mode: normal, lighten, soft-light; color: #FFF;padding: 10px 15px; border-bottom: #FFF solid 1px; vertical-align: middle; }
#tour table.course tbody tr:last-child th { border-bottom: #9D9EA3 solid 1px; }
#tour table.course tbody td { background: #FFF; padding: 10px 15px; border-left: #9D9EA3 solid 1px; border-bottom: #9D9EA3 solid 1px; vertical-align: middle; }
#tour table.course tbody td:last-child { font-size: .812rem; }
@media screen and (max-width: 480px) {
	#tour table.course { font-size: .812rem; }
    #tour table.course thead { display: none; }
    #tour table.course tbody th, #tour table.course tbody td { display: block; }
    #tour table.course tbody td::before { content: attr(label); float: left; clear: both; font-weight: bold; }
    #tour table.course tbody td p { padding-left: 6em; }
}
#schedule { width: 100%; padding: 10vh 0; position: relative; }
#schedule .primary .list-a { margin-top: 1rem; font-size: 0.812rem; }
#flight { width: 100%; padding: 10vh 0; position: relative; }
#flight .primary .list-a { line-height: 2; }
#flight .primary .attention { font-size: .812rem; margin-top: .5rem; color: #896162; padding-left: 1rem; }
#hotel { width: 100%; padding: 10vh 0; position: relative; }
#hotel .primary .list-b { font-size: .812rem; }
#hotel .primary .hotel { width: 100%; position: relative; display: flex; margin-top: 1rem; }
#hotel .primary .hotel figure { width: 33%; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }
#hotel .primary .hotel .hotel-hover * { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
#hotel .primary .hotel .hotel-hover { position: relative; overflow: hidden; margin: 10px; width: 100%; text-align: left; font-size: 16px; }
#hotel .primary .hotel .hotel-hover img { max-width: 100%; vertical-align: top; }
#hotel .primary .hotel .hotel-hover figcaption { position: absolute; top: calc(100% - 42px); width: 100%; background-color: #ffffff; padding: 10px 25px 15px; }
#hotel .primary .hotel .hotel-hover figcaption::before { position: absolute; content: ''; z-index: 2; bottom: 99%; left: 0; width: 100%; height: 40px; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, #ffffff 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, #ffffff 100%); }
#hotel .primary .hotel .hotel-hover .hotel-name { font-weight: bold; margin-bottom: .5rem; }
#hotel .primary .hotel .hotel-hover .hotel-info { font-size: .812rem; letter-spacing: 1px; }
#hotel .primary .hotel .hotel-hover:hover figcaption,
#hotel .primary .hotel .hotel-hover.hover figcaption { top: calc(100%); transform: translateY(-99%); }
#price { width: 100%; padding: 10vh 0; position: relative; }
#price .primary table.price { width: 100%; border: solid 1px #ddd; }
#price .primary table.price thead tr { background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);background-blend-mode: normal, lighten, soft-light; }
#price .primary table.price th { border: solid 1px #8E8E8F; text-align: center; color: #fff; font-size: .875rem; }
#price .primary table.price td { border: solid 1px #ddd; font-size: .812rem; text-align: center; }
#price .primary table.price td.attention { text-align: left; padding: 1rem; }
#condition { width: 100%; padding: 10vh 0; position: relative; }
#condition .primary { font-size: .875rem; }
#condition .primary .list-c { padding-left: 40px; }
#condition .primary .box { display: inline-block; background-color: #EDEDED; border-radius: 3px; border: 1px solid #c4c4c4; margin: .625rem 0 .625rem 1rem; padding: .625rem; line-height: 2; }
#condition .primary .box span { font-weight: bold; }
#step { width: 100%; padding: 10vh 0; position: relative; }
#contact { width: 100%; max-width: 1600px; padding: 80px 0; position: relative; margin: 0 auto;}
#contact .primary { font-size: 1.5rem; line-height: 1.8;padding-left: 5%; padding-right: 5%; }

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll { overflow: hidden; }
.modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); 
	/* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; }
.modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; transition: all 0.3s ease-in-out; }
.modaal-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; }
.modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none; }
.modaal-wrapper.modaal-start_none { display: none; opacity: 1; }
.modaal-wrapper.modaal-start_fade { opacity: 0; }
.modaal-wrapper *[tabindex="0"] { outline: none !important; }
.modaal-wrapper.modaal-fullscreen { overflow: hidden; }
.modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; }
.modaal-fullscreen .modaal-outer-wrapper { display: block; }
.modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; }
.modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; }
.modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 1000px; border-radius: 0px; background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: auto; }
.modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; }
.modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; }
.modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border-radius: 100%; transition: all 0.2s ease-in-out; }
.modaal-close:focus, .modaal-close:hover { outline: none; background: #fff; }
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after { background: #b93d0c; }
.modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }
.modaal-close:before { transform: rotate(-45deg); }
.modaal-close:after { transform: rotate(45deg); }
.modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px; }
.modaal-content-container { padding: 30px; }
.modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0; }
.modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: transparent; }
.modaal-confirm-btn.modaal-ok { padding: 10px 15px; color: #fff; background: #555; border-radius: 3px; transition: background 0.2s ease-in-out; }
.modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; }
.modaal-confirm-btn.modaal-cancel { text-decoration: underline; }
.modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f; }
@keyframes instaReveal {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes instaReveal {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes instaReveal {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes instaReveal {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@-ms-keyframes instaReveal {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.modaal-instagram .modaal-container { width: auto; background: transparent; box-shadow: none !important; }
.modaal-instagram .modaal-content-container { padding: 0; background: transparent; }
.modaal-instagram .modaal-content-container > blockquote { width: 1px !important; height: 1px !important; opacity: 0 !important; }
.modaal-instagram iframe { opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; box-shadow: none !important; animation: instaReveal 1s linear forwards; }
.modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px; }
.modaal-image .modaal-container { width: auto; max-width: 100%; }
.modaal-gallery-wrap { position: relative; color: #fff; }
.modaal-gallery-item { display: none; }
.modaal-gallery-item img { display: block; }
.modaal-gallery-item.is_active { display: block; }
.modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #fff; }
.modaal-gallery-label:focus { outline: none; }
.modaal-gallery-control { position: absolute; top: 50%; transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border: none ; border-radius: 100%; transition: all 0.2s ease-in-out; }
.modaal-gallery-control.is_hidden { opacity: 0; cursor: default; }
.modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: #fff; }
.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after { background: #afb7bc; }
.modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.modaal-gallery-control:before, .modaal-gallery-control:after { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }
.modaal-gallery-control:before { margin: -5px 0 0; transform: rotate(-45deg); }
.modaal-gallery-control:after { margin: 5px 0 0; transform: rotate(45deg); }
.modaal-gallery-next-inner { left: 100%; margin-left: 40px; }
.modaal-gallery-next-outer { right: 45px; }
.modaal-gallery-prev:before, .modaal-gallery-prev:after { left: 22px; }
.modaal-gallery-prev:before { margin: 5px 0 0; transform: rotate(-45deg); }
.modaal-gallery-prev:after { margin: -5px 0 0; transform: rotate(45deg); }
.modaal-gallery-prev-inner { right: 100%; margin-right: 40px; }
.modaal-gallery-prev-outer { left: 45px; }
.modaal-video-wrap { margin: auto 50px; position: relative; }
.modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto; }
.modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.modaal-iframe .modaal-content { width: 100%; height: 100%; }
.modaal-iframe-elem { width: 100%; height: 100%; display: block; }
@media only screen and (min-width: 1400px) {
	.modaal-video-container { padding-bottom: 0; height: 731px; }
}
@media only screen and (max-width: 1140px) {
	.modaal-image .modaal-inner-wrapper { padding-left: 25px; padding-right: 25px; }
	.modaal-gallery-control { top: auto; bottom: 20px; transform: none; background: rgba(0, 0, 0, 0.7); }
    .modaal-gallery-control:before, .modaal-gallery-control:after { background: #fff; }
	.modaal-gallery-next { left: auto; right: 20px; }
	.modaal-gallery-prev { left: 20px; right: auto; } 
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe { width: 500px !important; }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe { width: 700px !important; }
}
@media screen and (max-height: 1000px) {
	.modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px; }
	.modaal-instagram iframe { width: 600px !important; }
}
@media screen and (max-height: 900px) {
	.modaal-instagram iframe { width: 500px !important; }
	.modaal-video-container { max-width: 900px; max-height: 510px; } 
}
@media only screen and (max-width: 600px) {
	.modaal-instagram iframe { width: 280px !important; }
}
@media only screen and (max-height: 820px) {
	.modaal-gallery-label { display: none; }
}
.modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; transform: scale(0.25); }
@-ms-keyframes modaal-loading-spinner {
	0% { opacity: 1; -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
	100% { opacity: .1; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 
}
@-moz-keyframes modaal-loading-spinner {
	0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-o-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } 
}
.modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; }
.modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #fff; }
.modaal-loading-spinner > div:nth-of-type(1) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s; 
}

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; 
}

.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .12s;
  -moz-animation-delay: .12s;
  -webkit-animation-delay: .12s;
  -o-animation-delay: .12s;
  animation-delay: .12s; 
}

.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .25s;
  -moz-animation-delay: .25s;
  -webkit-animation-delay: .25s;
  -o-animation-delay: .25s;
  animation-delay: .25s; 
}

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; 
}

.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .37s;
  -moz-animation-delay: .37s;
  -webkit-animation-delay: .37s;
  -o-animation-delay: .37s;
  animation-delay: .37s; 
}

.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); 
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -webkit-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s;
}

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; 
}

.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .62s;
  -moz-animation-delay: .62s;
  -webkit-animation-delay: .62s;
  -o-animation-delay: .62s;
  animation-delay: .62s;
}

.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .75s;
  -moz-animation-delay: .75s;
  -webkit-animation-delay: .75s;
  -o-animation-delay: .75s;
  animation-delay: .75s;
}

.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); 
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -ms-animation-delay: .87s;
  -moz-animation-delay: .87s;
  -webkit-animation-delay: .87s;
  -o-animation-delay: .87s;
  animation-delay: .87s; 
}

.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); 
}

.panel-radios { display: none; }
ul#tabs-list { list-style: none; text-align: center; border-bottom: 1px solid #dfdfdf; margin: 0; padding: 0; }
label.panel-label { user-select: none; display: block; width: 100%; color: #bdc3c7; cursor: pointer; background-color: #ecf0f1; transition-property: background-color, color; transition-duration: 200ms; }
label.panel-label:hover { color: #c0392b; }
#panels { background-color: white; border-right: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
#panels .container { margin: 0 auto; width: 90%; }
#panels section header label.panel-label { padding: 12px 24px; box-sizing: border-box; }
#panels section main { box-sizing: border-box; max-height: 0; opacity: 0; transition: opacity 600ms; overflow-y: hidden; }
#panel-1-ctrl:checked ~ #panels #panel-1 main { max-height: initial; opacity: 1; padding: 48px 24px; }
#panel-2-ctrl:checked ~ #panels #panel-2 main { max-height: initial; opacity: 1; padding: 48px 24px; }
#panel-3-ctrl:checked ~ #panels #panel-3 main { max-height: initial; opacity: 1; padding: 48px 24px; }
#panel-4-ctrl:checked ~ #panels #panel-4 main { max-height: initial; opacity: 1; padding: 48px 24px; }
#panel-5-ctrl:checked ~ #panels #panel-5 main { max-height: initial; opacity: 1; padding: 48px 24px; }
#panel-6-ctrl:checked ~ #panels #panel-6 main { max-height: initial; opacity: 1; padding: 48px 24px; }

@media all and (max-width: 767px) {
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-1 { max-height: 46px; opacity: 1; }
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-2 { max-height: 46px; opacity: 1; }
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-3 { max-height: 46px; opacity: 1; }
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-4 { max-height: 46px; opacity: 1; }
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-5 { max-height: 46px; opacity: 1; }
	#nav-ctrl:checked ~ #tabs-list #li-for-panel-6 { max-height: 46px; opacity: 1; }
	#open-nav-label { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: pointer; }
	#nav-ctrl:checked ~ #tabs-list #open-nav-label { display: none; }
	#close-nav-label { display: block; max-height: 0; overflow-y: hidden; background-color: #444444; color: #ecf0f1; padding: 0px; transition: max-height 200ms; cursor: pointer; text-transform: uppercase; font-size: 12px; line-height: 22px;letter-spacing: 1px; }
	#nav-ctrl:checked ~ #tabs-list #close-nav-label { max-height: 36px; opacity: 1; padding: 12px 24px; }
	#tabs-list { position: relative; }
    #tabs-list label.panel-label { padding: 12px 0; }
    #tabs-list #li-for-panel-1 { max-height: 0; overflow-y: hidden; transition: max-height 200ms; }
	#tabs-list #li-for-panel-2 { max-height: 0; overflow-y: hidden; transition: max-height 200ms; }
	#tabs-list #li-for-panel-3 { max-height: 0; overflow-y: hidden; transition: max-height 200ms; }
	#tabs-list #li-for-panel-4 { max-height: 0; overflow-y: hidden; transition: max-height 200ms; }
    #tabs-list #li-for-panel-5 { max-height: 0; overflow-y: hidden; transition: max-height 200ms; }
    #tabs-list #li-for-panel-6 { max-height: 0; overflow-y: hidden; transition: max-height 200ms; }
	#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 { max-height: 46px; opacity: 1; }
	#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label { background-color: white; color: #c0392b; background-color: #c0392b; color: white; }
	#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 { max-height: 46px; opacity: 1; }
    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label { background-color: white; color: #c0392b; background-color: #c0392b; color: white; }
	#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 { max-height: 46px; opacity: 1; }
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label { background-color: white; color: #c0392b; background-color: #c0392b; color: white; }
	#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 { max-height: 46px; opacity: 1; }
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label { background-color: white; color: #c0392b; background-color: #c0392b; color: white; }
	#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 { max-height: 46px; opacity: 1; }
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label { background-color: white; color: #c0392b; background-color: #c0392b; color: white; }
	#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 { max-height: 46px; opacity: 1; }
    #panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label { background-color: white; color: #c0392b; background-color: #c0392b; color: white; }
	#panels .container { width: 100%; }
	#panels section header { display: block; } 
}
@media all and (min-width: 768px) {
	#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 { pointer-events: none; cursor: default; transform: translate3d(0, 1px, 0); box-shadow: none; border-right: none; }
    #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last { border-right: 1px solid transparent; }
    #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li { border-left: 1px solid #dfdfdf; }
    #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label { background-color: white; color: #c0392b; padding-top: 26px; }
	#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after { height: 6px; }
	#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 { pointer-events: none; cursor: default; transform: translate3d(0, 1px, 0); box-shadow: none; border-right: none; }
    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last { border-right: 1px solid transparent; }
    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li { border-left: 1px solid #dfdfdf; }
    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label { background-color: white; color: #c0392b; padding-top: 26px; }
	#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after { height: 6px; }
	#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 { pointer-events: none; cursor: default; transform: translate3d(0, 1px, 0); box-shadow: none; border-right: none; }
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last { border-right: 1px solid transparent; }
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li { border-left: 1px solid #dfdfdf; }
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label { background-color: white; color: #c0392b; padding-top: 26px; }
	#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after { height: 6px; }
	#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 { pointer-events: none; cursor: default; transform: translate3d(0, 1px, 0); box-shadow: none; border-right: none; }
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4.last { border-right: 1px solid transparent; }
	#panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li { border-left: 1px solid #dfdfdf; }
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label { background-color: white; color: #c0392b; padding-top: 26px; }
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label::after { height: 6px; }
	#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 { pointer-events: none; cursor: default; transform: translate3d(0, 1px, 0); box-shadow: none; border-right: none; }
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5.last { border-right: 1px solid transparent; }
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li { border-left: 1px solid #dfdfdf; }
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label { background-color: white; color: #c0392b; padding-top: 26px; }
	#panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label::after { height: 6px; }
	#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 { pointer-events: none; cursor: default; transform: translate3d(0, 1px, 0); box-shadow: none; border-right: none; }
	#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6.last { border-right: 1px solid transparent; }
    #panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 + li { border-left: 1px solid #dfdfdf; }
    #panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label { background-color: white; color: #c0392b; padding-top: 26px; }
	#panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 label.panel-label::after { height: 6px; }
	ul#tabs-list { text-align: center; border-bottom: 1px solid #dfdfdf; }
    ul#tabs-list li { display: inline-block; text-align: center; font-size: 0.875em; width: 15.6666666667%; box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05); border-right: 1px solid #dfdfdf; position: relative; }
	ul#tabs-list li:hover { transition: none; border-right: none; }
	ul#tabs-list li:hover.last { border-right: 1px solid transparent; }
	ul#tabs-list li:hover + li { border-left: 1px solid #dfdfdf; }
	ul#tabs-list li label.panel-label { position: relative; padding: 24px 0; }
	ul#tabs-list li label.panel-label::after { content: ""; position: absolute; width: 100%; left: 0; bottom: 100%; background-color: #c0392b; height: 0; transition-property: height; transition-duration: 200ms; }
	ul#tabs-list li label.panel-label:hover { padding-top: 25px; }
	ul#tabs-list li label.panel-label:hover::after { height: 6px; }
	#open-nav-label,#close-nav-label { display: none; }
	#nav-ctrl { display: none; }
}
@media all and (min-width: 900px) {
	main { width: 70%; margin: 0 auto; }
}

@media (min-width: 1024px) {
	#menu li {  }
	#menu li.mypage { border: 1px solid #fff; margin-left: .5rem; padding: 5px 15px 5px 10px; transition: .3s; }
	
}
	


@media (min-width: 721px) {
	#logo_area { position: absolute; width: 100%; z-index: 888;}
	#logo_area ul { display: flex; flex-wrap: wrap; justify-content: flex-end; padding-top: 1em; }
	#logo_area ul li {  margin-right: 2em; }
	#logo_area ul li a { color: #000; }
	#logo { position:absolute; width: 80px; left:1em; top:1em;}
	#logo img { width: 100%; height: auto; }
	
	#dl-menu{ width: 100%; background: linear-gradient(-60deg, #473b7b, #3584a7, #3e888f, #3584a7, #473b7b); background-size: 300% 300%; animation: AnimationName 15s ease infinite; margin-top: 0; }
	#menu { list-style-type: none; box-sizing: border-box; width: 90%; max-width: 1600px; margin: 0 auto; height: 80px; display: flex; align-items: center; justify-content:space-between; position:relative; top: 0; z-index: 1111; transition: .7s; line-height: 1.6; }
    #menu li { position: relative; margin: 0; padding: 5px 10px; text-align: center; font-weight: 600; }

	#menu li i { font-size: 1.3rem; margin-left: 4px; }
	#menu li a { display: block; margin: 0; padding: 6px 0; color:#fff; line-height: 1; text-decoration: none; }
	#menu li a:hover { color: #A5A5A5; }
	#menu li ul { list-style: none; position: absolute; z-index: 100; top: 100%; left: 10px; width: 120%; margin: 0; padding: 0; }
	#menu li ul li { overflow: hidden; width: 220px; height: 0; padding: 0 !important; color: #fff; transition: .2s; border-right: none; }
	#menu li ul li a { padding: 10px; background-color: rgba(0, 38, 64, 0.8); text-align: left; font-weight: normal; }

	#menu li.mypage:hover { background-color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); }
	#menu li.mypage:hover a { color: #333; }
    #menu.fixed { position: fixed !important; width: 100%; padding-left: 5%; padding-right: 5%; top:0; box-shadow: 0 2px 2px rgba(0,0,0,0.1);z-index: 7777; margin-left: auto; margin-right: auto; background: linear-gradient(-60deg, #473b7b, #3584a7, #3e888f, #3584a7, #473b7b); background-size: 300% 300%; animation: AnimationName 15s ease infinite;  }
	#menu.fixed li a { color: #fff; }
	#menu.fixed li a.button { border: 1px solid #fff; padding: 10px 22px; font-size: 12px; }
	#menu.fixed li img { transform: scale(0.8); }
	#menu.fixed li .fixed-none { display: none; }
	#menu.fixed li .fixed-block { display: block !important; }
	#menu.fixed li.mypage { border-color: #fff; }
	#menu.fixed li.mypage:hover { background-color: #fff; }
	#menu.fixed li.mypage:hover a { color: #333; }
	#menu.fixed li ul li a { color: #fff; }
	#menu li:hover li:hover a { background-color: rgba(0, 38, 64, 0.95); color: #fff; }
	#menu li:hover ul li { overflow: visible; height: 31px; }
}

@media (min-width: 721px) and (max-width: 1023px) {
	
	#menu li { font-size: 1.2rem; padding: 5px 5px; }
	#menu li.mypage { border: 1px solid #fff; margin-left: .5rem; padding: 5px 5px 5px 5px; transition: .3s; }
	#logo { position: fixed; width: 150px; z-index: 88888; left:1em; top:1em;}
	#logo img { width: 100%; height: auto; }
}

@media (min-width: 721px) and (max-width: 1023px) {
	#dl-menu{ width: 100%; overflow-x: auto; }
	#menu { width: 1023px; overflow-x: auto; padding-left: 5%; padding-right: 5%; }
	
}
@media (min-width: 1024px) and (max-width: 1280px) {
	#menu li { font-size: 1.4rem; font-weight: normal; }
	
}

/** RESPONSIVE BREAKPOINTS
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/
@media (min-width: 721px) and (max-width: 1280px) {
	#main_flame { width: 100%; max-width:inherit; box-shadow: none; }
	h2 { font-size: 3.5rem; }
}


/** RESPONSIVE BREAKPOINTS
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

@media (max-width: 720px) {
	
	
	#logo_area { display:inherit; }
	#logo_area ul{ display: flex; width: 94%; margin-left: 3%}
	#logo_area ul li { margin-right: 1em; font-size: 80%;}
	
	html { font-size: 100%; } 
	body{ font-size:1.0rem; line-height:1.5;margin: 0; padding: 0;}
	
	#main_flame { width: 100%; max-width:inherit; margin: 0 auto 0; box-shadow:none; }
	
	#wrapper { width: 90%; min-height: 100%;　margin: 0 auto;}
	.primary { width: 100%; max-width: 100%; }
	
	#logo { position: fixed; width: 8em; z-index: 99999; left:0.7em; top:0.7em;}
	#logo img { width: 100%; height: auto; }
	
	h2 { font-size: 145%; margin-bottom: 2em; letter-spacing: 0; }
	h3 { font-size: 125%; }
	h4 { font-size: 110%; margin-top: 1em; margin-bottom: 1em; line-height: 2; }
	h4::after { width: 3em; left:-3em; }
	h4 span { font-size: 80%; }
	h5 { font-size: 90%;}
	h5 i { font-size: 90%; margin-right: 1em; }
	
	#bottom-label { font-size: 85%; }
	
	.mbbr {display:inherit;}
	
	#menu { max-width: 350px; right: 0;}
	.added { width: 100%; position: fixed; top: 0; right: 0; z-index: 7777; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; height: 50px; background-color:rgba(128,128,128,.90)}

	
	.submit_button_s {font-size: 90%;}
	
	.dl-menuwrapper { width: 100%; position: fixed; top: 0; right: 0; z-index: 88888; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
	.dl-menuwrapper:first-child { margin-right: 0; }
	.dl-trigger,
	.dl-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
	.dl-trigger { position:absolute; right:0; width: 50px; height: 50px; background-color: rgba(0, 34, 68, 0.9); border: none; text-indent: -1000em; overflow: hidden; cursor: pointer; outline: none; box-sizing: border-box; padding: 5px; }
	.dl-trigger span { position: absolute; left: 16%; width: 68%; height: 2px; background-color: #fff; border-radius: 6px; }
	.dl-trigger span:nth-of-type(1) { top: 10px; }
	.dl-trigger span:nth-of-type(2) { top: 24px; }
	.dl-trigger span:nth-of-type(3) { bottom: 10px; }
	.dl-menuwrapper .dl-trigger:hover,
	.dl-menuwrapper .dl-trigger.dl-active,
	.dl-menuwrapper ul { background: rgba(0, 34, 68, 0.9); }
	.dl-trigger span:nth-of-type(1) { -webkit-animation: menu-bar01 .5s forwards; animation: menu-bar01 .5s forwards; }
	@-webkit-keyframes menu-bar01 {
		0% { -webkit-transform: translateY(10px) rotate(-45deg); }
		100% { -webkit-transform: translateY(0) rotate(0); }
	}
	@keyframes menu-bar01 {
		0% { transform: translateY(10px) rotate(-45deg); }
		100% { transform: translateY(0) rotate(0); }
	}
  .dl-trigger span:nth-of-type(2) { -webkit-animation: menu-bar02 .5s forwards; animation: menu-bar02 .5s forwards; }

  @-webkit-keyframes menu-bar02 {
    0% { opacity: 0; }
    100% { opacity: 1; } 
	}
  @keyframes menu-bar02 {
    0% { opacity: 0; }
    100% { opacity: 1; } 
	}
  .dl-trigger span:nth-of-type(3) { -webkit-animation: menu-bar03 .5s forwards; animation: menu-bar03 .5s forwards; }

  @-webkit-keyframes menu-bar03 {
    0% { -webkit-transform: translateY(-20px) rotate(45deg); }
    100% { -webkit-transform: translateY(0) rotate(0); }
	}
  @keyframes menu-bar03 {
    0% { transform: translateY(-20px) rotate(45deg); }
    100% { transform: translateY(0) rotate(0); } 
	}
  .dl-trigger::after { position: absolute; top: 50%; left: 50%; display: block; content: ''; width: 30px; height: 30px; margin: -16px 0 0 -16px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); transition: all .1s; opacity: 0; }
  .dl-trigger.active::after { -webkit-animation: circle .5s; animation: circle .5s; }

  @-webkit-keyframes circle {
    0% { -webkit-transform: scale(0.1); opacity: 0; }
    50% { opacity: 1; }
    100% { -webkit-transform: scale(3.5); opacity: 0; } }
  @keyframes circle {
    0% { transform: scale(0.1); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: scale(3.5); opacity: 0; } 
	}
  .dl-trigger.active span:nth-of-type(1) {
    -webkit-animation: active-menu-bar01 .3s .3s forwards;
    animation: active-menu-bar01 .3s .3s forwards;
    top: 8px; }

	@-webkit-keyframes active-menu-bar01 {
		0% { -webkit-transform: translateY(0) rotate(0); }
		100% { -webkit-transform: translateY(120px) rotate(-45deg); }
	} 
	@keyframes active-menu-bar01 {
		0% { transform: translateY(0) rotate(0); }
		100% { transform: translateY(12px) rotate(-45deg); }
	}
	.dl-trigger.active span:nth-of-type(2) { -webkit-animation: active-menu-bar02 .3s .3s forwards; animation: active-menu-bar02 .3s .3s forwards; }
	@-webkit-keyframes active-menu-bar02 {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	@keyframes active-menu-bar02 {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	.dl-trigger.active span:nth-of-type(3) { -webkit-animation: active-menu-bar03 .39s .39s forwards; animation: active-menu-bar03 .39s .39s forwards; }
	@-webkit-keyframes active-menu-bar03 {
		0% { -webkit-transform: translateY(0) rotate(0); }
		100% { -webkit-transform: translateY(-9px) rotate(45deg); }
	}
	@keyframes active-menu-bar03 {
		0% { transform: translateY(0) rotate(0); }
		100% {   transform: translateY(-9px) rotate(45deg); }
	}
	.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
	.dl-menuwrapper li { position: relative; }
	.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 14px; line-height: 20px; color: #fff; outline: none; text-decoration: none; }
	.no-touch .dl-menuwrapper li a:hover { background: rgba(255, 248, 213, 0.1); }
	.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0, 0, 0, 0.5); }
	.dl-menuwrapper li.dl-back:after,
	.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; speak: none; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f107"; font-weight: 900; font-size: 20px;color: #7090C4; }
	.dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212, 204, 198, 0.3); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	.dl-menuwrapper li > a:after { right: 10px; color: rgba(0, 0, 0, 0.15); }
	.dl-menuwrapper .dl-menu { margin: 50px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
	.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }
	.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); }
	
	/* Hide the inner submenus */
	.dl-menuwrapper li .dl-submenu { display: none; }
	.dl-menu.dl-subview li,
	.dl-menu.dl-subview li.dl-subviewopen > a,
	.dl-menu.dl-subview li.dl-subview > a { display: none; }
	.dl-menu.dl-subview li.dl-subview,
	.dl-menu.dl-subview li.dl-subview .dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen,
	.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }
	/* Dynamically added submenu outside of the menu context */
	.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; }
	.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }
	.dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; }
	.dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; }
	.dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; }
	.dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; }
	@-webkit-keyframes MenuAnimOut1 {
		50% { -webkit-transform: translateZ(-250px) rotateY(30deg); }
		75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
		100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
	}
	@-webkit-keyframes MenuAnimOut2 {
		100% { -webkit-transform: translateX(-100%); opacity: 0; }
	}
	@-webkit-keyframes MenuAnimOut3 {
		100% { -webkit-transform: translateZ(300px); opacity: 0; }
	}
	@-webkit-keyframes MenuAnimOut4 {
		100% { -webkit-transform: translateZ(-300px); opacity: 0; }
	}
	@-webkit-keyframes MenuAnimOut5 {
		100% { -webkit-transform: translateY(40%); opacity: 0; }
	}
	@keyframes MenuAnimOut1 {
		50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); }
		75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
		100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 
	}
	@keyframes MenuAnimOut2 {
	  100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
	}
	@keyframes MenuAnimOut3 {
	  100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; }
	}
	@keyframes MenuAnimOut4 {
	  100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; }
	}
	@keyframes MenuAnimOut5 {
		100% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; }
	}
	.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }
	.dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; }
	.dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; }
	.dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; }
	.dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; }
	@-webkit-keyframes MenuAnimIn1 {
		0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
		20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
		100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
	}
	@-webkit-keyframes MenuAnimIn2 {
		0% { -webkit-transform: translateX(-100%); opacity: 0; }
		100% { -webkit-transform: translateX(0px); opacity: 1; }
	}
	@-webkit-keyframes MenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  @-webkit-keyframes MenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(-300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  @-webkit-keyframes MenuAnimIn5 {
    0% {
      -webkit-transform: translateY(40%);
      opacity: 0; }
    100% {
      -webkit-transform: translateY(0);
      opacity: 1; } }
  @keyframes MenuAnimIn1 {
    0% {
      -webkit-transform: translateZ(-500px) rotateY(0deg);
      transform: translateZ(-500px) rotateY(0deg);
      opacity: 0; }
    20% {
      -webkit-transform: translateZ(-250px) rotateY(30deg);
      transform: translateZ(-250px) rotateY(30deg);
      opacity: 0.5; }
    100% {
      -webkit-transform: translateZ(0px) rotateY(0deg);
      transform: translateZ(0px) rotateY(0deg);
      opacity: 1; } }
  @keyframes MenuAnimIn2 {
    0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; } }
  @keyframes MenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(300px);
      transform: translateZ(300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1; } }
  @keyframes MenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(-300px);
      transform: translateZ(-300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1; } }
	@keyframes MenuAnimIn5 {
		0% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; }
		100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } 
	}
  	.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }
	.dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; }
	.dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; }
	.dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; }
	.dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; }

	@-webkit-keyframes SubMenuAnimIn1 {
		0% { -webkit-transform: translateX(50%); opacity: 0; }
		100% { -webkit-transform: translateX(0px); opacity: 1; }
	}
	@-webkit-keyframes SubMenuAnimIn2 {
		0% { -webkit-transform: translateX(100%); opacity: 0; }
		100% { -webkit-transform: translateX(0px); opacity: 1; }
	}
  @-webkit-keyframes SubMenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(-300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  @-webkit-keyframes SubMenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      opacity: 1; } }
  @-webkit-keyframes SubMenuAnimIn5 {
    0% {
      -webkit-transform: translateZ(-200px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0);
      opacity: 1; } }
  @keyframes SubMenuAnimIn1 {
    0% {
      -webkit-transform: translateX(50%);
      transform: translateX(50%);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; } }
  @keyframes SubMenuAnimIn2 {
    0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      opacity: 0; }
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; } }
  @keyframes SubMenuAnimIn3 {
    0% {
      -webkit-transform: translateZ(-300px);
      transform: translateZ(-300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1; } }
  @keyframes SubMenuAnimIn4 {
    0% {
      -webkit-transform: translateZ(300px);
      transform: translateZ(300px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0px);
      transform: translateZ(0px);
      opacity: 1; } }
  @keyframes SubMenuAnimIn5 {
    0% {
      -webkit-transform: translateZ(-200px);
      transform: translateZ(-200px);
      opacity: 0; }
    100% {
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      opacity: 1; } }
  
	.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }
	.dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; }
	.dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; }
	.dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; }
	.dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; }
	@-webkit-keyframes SubMenuAnimOut1 {
		0% { -webkit-transform: translateX(0%); opacity: 1; }
		100% { -webkit-transform: translateX(50%); opacity: 0; }
	}
	@-webkit-keyframes SubMenuAnimOut2 {
		0% { -webkit-transform: translateX(0%); opacity: 1; }
		100% { -webkit-transform: translateX(100%); opacity: 0; } 
	}
	@-webkit-keyframes SubMenuAnimOut3 {
		0% { -webkit-transform: translateZ(0px); opacity: 1; }
		100% { -webkit-transform: translateZ(-300px); opacity: 0; }
	}
	@-webkit-keyframes SubMenuAnimOut4 {
		0% { -webkit-transform: translateZ(0px); opacity: 1; }
		100% { -webkit-transform: translateZ(300px); opacity: 0; }
	}
	@-webkit-keyframes SubMenuAnimOut5 {
		0% { -webkit-transform: translateZ(0); opacity: 1; }
		100% { -webkit-transform: translateZ(-200px); opacity: 0; } 
	}
	@keyframes SubMenuAnimOut1 {
		0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
		100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }
	}
	@keyframes SubMenuAnimOut2 {
		0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
		100% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
	}
	@keyframes SubMenuAnimOut3 {
		0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; }
		100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; }
	}
	@keyframes SubMenuAnimOut4 { 
		0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; }
		100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; }
	}
	@keyframes SubMenuAnimOut5 {
		0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
		100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; }
	}
}