@charset "UTF-8";
@keyframes AnimationName {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; } }
/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　RESET　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

html { font-size: 62.5%; height: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body { font-size:17px;font-size:1.7rem; line-height:1.9; background: #fff; color:#000; overflow-x: hidden;
	word-break: break-all; width: 100%; height: 100%; text-align: left; -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans JP";	
	--moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:none;font-variant-ligatures:none }

* { 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; }

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-weight: 500; line-height: 1.2; word-break: break-all;font-family: 'Lato', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; color: #000; }
.round { border-radius: 3px; }
small,.small { font-size: 80%; font-weight: 400; }

 .loading-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; /* 初期状態は非表示 */z-index: 1000000000;}

p.text-indent { text-indent: 1em; }


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　レイアウト　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/* ===============================================
 *.レスポンシブ表示
 * =============================================== */
 @media (min-width: 1024px) {
	.mb { display: none !important; }
  .mb_menu { display: none !important; }
	.tab { display: none !important; }
	.pcnone {    display: none !important; }
}
@media (min-width: 721px) and (max-width: 1023px) {
  .mb { display: none !important; }
  .mb_menu { display: none !important; }
  .pc { display: none !important; }
  .tabnone { display: none !important; }
}
@media (min-width: 601px) and (max-width: 720px) {

  .mb_menu { display: none !important; }
  .pc { display: none !important; }
  .tabnone { display: none !important; }
  .tab { display: none !important; }

	.mbnone { display: none !important; }
}

@media (max-width: 600px) {
	.tab { display: none !important; }
	.pc { display: none !important; }
	.mbnone { display: none !important; }
}

.mbbr {display: none;}


/* ===============================================
 * 基本レイアウト
 * =============================================== */
 #wrapper { width: 100%; min-height: 100%; position: relative; }
 section { width: 100%; position: relative; }
 .primary { width: 1200px; max-width: 100%; padding: 0 1rem;  margin: 0 auto; }
 article { margin-bottom: 80px;}
 .align-l { text-align: left; }
 .align-c { text-align: center; }
 .align-r { text-align: right; }
 .l-row { display: flex; flex-wrap: wrap; }
 .l-row:after, .l-row:before { display: none; }

 /* ===============================================
 * 見出しテキスト
 * =============================================== */

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 { position: relative; font-size: 2.3rem; font-weight: bold; padding-bottom: 0.3em; margin-bottom: 1em; color: #5fb200;}
h4::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #8aa87b; /* 細い線の色と太さ */
}
h4::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 30%;
  border-bottom: 3px solid #5fb200; /* 太い線の色と太さ */
}


h5 { font-size: 1.8rem; font-weight: bold; margin: 1.5rem 0 1rem; }
h5 i { font-size: 1.8rem; margin-right: 6px; }

h6 { font-size: 2rem; font-family: 'Noto Sans JP', sans-serif, 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", sans-serif; font-weight: 700; position: relative; color: #333; margin: 3rem 2rem; }
h6::after { position: absolute; width: 50px; height: 1px; top: 50%; left: -65px; content: ""; background-color: #333; }
h6 span { font-size: 1.4rem; font-weight: normal; margin-left: .5rem; color: #585858; }



/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　base　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/* ===============================================
 * パーツ
 * =============================================== */

.bg-color-gr { background: #eee; }
.bg-color-w { background: #fff; }
.bg-color-f9 { background: #f9f9f9; }
.bg-color-db { background: #2a3337; color: #fff; }
.bg-color-db h4.mt-0 { color: #fff !important; }
.bg-sub { background: #00BFFF !important; color: #fff !important; }
.bg-brand { background: #FF0040 !important; color: #fff !important; }
.bg-darkgray { background: #aaa; color: #fff !important; }
.bg-mediumpurple { background-color: mediumpurple;}
.bg-lightpurple { background-color: #a597c3;}
.bg-slightpurple { background-color: #d5cfe0;}
.bg-lightgreen { background-color: #bed8ad;}
.box { border: 1px solid #333; padding: 1rem; margin: 1rem 0; }

/* ===============================================
 * 入力
 * =============================================== */

 .article input { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #F8F8F8; color: #000;}
 .article select { border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #F8F8F8; color: #000;}
 .article textarea { width: 100%; border: #cadae4 1px solid; padding:0.5em 1em 0.5em 1em; border-radius: 5px; background-color: #F8F8F8;color: #000; }
 input::placeholder  {color: #bbb;}

/* ===============================================
 * 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; }

/* ===============================================
 *.margin
 * =============================================== */
 .m-10 { margin-bottom: 10px; }
 .m-20 { margin-bottom: 20px; }
 .m-30 { margin-bottom: 30px; }
 .m-40 { margin-bottom: 40px; }
 .m-50 { margin-bottom: 50px; }
 .m-60 { margin-bottom: 60px; }
 .m-70 { margin-bottom: 70px; }
 .m-80 { margin-bottom: 80px; }
 .m-90 { margin-bottom: 90px; }
 .m-100 { margin-bottom: 100px; }
 .m-120 { margin-bottom: 120px; }
 .m-150 { margin-bottom: 150px; }

/* ===============================================
 *.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--black { color: #000; }

.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; }

/* ===============================================
 *.FONT
 * =============================================== */
/* ---------Google Font---------------- */
.wf-mplus1p { font-family: "M PLUS 1p"; letter-spacing: 0.1em; }

/* ===============================================
 *.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; }

/* ===============================================
 * 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 { appearance: none; -webkit-appearance: none; border: none; border-radius: 0; padding: 2em 4em; font-size: 2.4rem; margin: 2em 0; background-color: #eee; cursor: pointer; transition: background-color 0.3s; }

.submitbtn:hover { background-color: #333; color: #fff;}
.submit_button_s { appearance: none; -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; }
}


/*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　モーダルレイアウト　□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

/*!
	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; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; appearance: none; -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; }
.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 {
  animation: modaal-loading-spinner 1s linear infinite;
  -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 {
  animation: modaal-loading-spinner 1s linear infinite;
  -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 {
  animation: modaal-loading-spinner 1s linear infinite;
  -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; }
}

/** RESPONSIVE BREAKPOINTS タブレット（768px〜1024px）
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

@media (min-width: 768px) and (max-width: 1024px) {
  /*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　RESET　□□□□□□□□□□□□□□□□□□□□□□□□□□
  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/

	body { font-size:14.5px;font-size:1.45rem; line-height:1.8; }
   /* ===============================================
 * 見出しテキスト
 * =============================================== */
	h2 { font-size: 2.5rem;}

}

/** RESPONSIVE BREAKPOINTS タブレット縦向き、小型デバイス（600px〜767px）
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

@media (min-width: 600px) and (max-width: 767px) {
  /*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　RESET　□□□□□□□□□□□□□□□□□□□□□□□□□□
  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
  body { font-size:14.5px;font-size:1.45rem; line-height:1.8; }
  /* ===============================================
 * 見出しテキスト
 * =============================================== */
  h2 { font-size: 2.5rem;}
}

/** RESPONSIVE BREAKPOINTS スマホ向けスタイル（〜599px）
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
**/

@media (max-width: 599px) {
  /*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　RESET　□□□□□□□□□□□□□□□□□□□□□□□□□□
  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/	
	html { font-size: 100%; } 
	body{ font-size:100%; line-height:1.5;margin: 0; padding: 0;}

  /*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　レイアウト　□□□□□□□□□□□□□□□□□□□□□□□□□□
  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	
  /* ===============================================
 * レイアウト
 * =============================================== */
	#wrapper { width: 90%; min-height: 100%; margin: 0 auto;}
	.primary { width: 100%; max-width: 100%; }
	#logo { display: none;}
	#logo2 { display: none;}
	#logo img { width: 100%; height: auto; }
	#logo { position: fixed; width: 150px; z-index: 88888; left:1em; top:1em;}
	#logo img { width: 100%; height: auto; }
	
	.bk_white { background-color: #fff; height: 3em; width: 100%; }
	#mb_logo { position: fixed; width: 50%; left:1em; top:0em; z-index: 1111111;}
	#mb_logo img { width: 100% ; height:auto ; }

  /* ===============================================
 * 見出しテキスト
 * =============================================== */

	h2 { font-size: 145%; margin-bottom: 2em; letter-spacing: 0; }
	h3 { font-size: 125%; }
	h4 { font-size: 100%; margin-top: 1em; margin-bottom: 1em; margin-left: 0; }
	h4::after { position:inherit; width:inherit; height:inherit; top:inherit; left:inherit; content:inherit; background-color:inherit; }
	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;}

  /*□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□
  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□　メニュー　□□□□□□□□□□□□□□□□□□□□□□□□□□
  □□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□□*/
	
	ul#menu {list-style-type: none; width: 80%; margin-top: 50px; background-color: rgba(12, 63, 21, 0.85); box-sizing: border-box; display: flex; flex-wrap: wrap; right: 0;  z-index: 11111; transition: .7s; padding-top: 1em; padding-bottom: 2em;}
	ul#menu::after{ content: ""; display: block; clear: both; }
  ul#menu > #global_menu { width: 100%; }
	ul#menu > #global_menu > li { position: relative; margin: 0; box-sizing:border-box; width: 90%; margin-right: 5%; margin-left: 5%; border-bottom: 1px solid #fff; }
	.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(255,255,255,.90); box-shadow: 3px 0 3px #aaa;}

	
	.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(12, 63, 21, 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 { background-color: rgba(12, 63, 21, 0.9); }
	.dl-menuwrapper ul { background: rgba(255, 255, 255, 1.0); }
	.dl-menuwrapper ul::after{ content: ""; display: block; clear: both; }
	
	.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: 0.7em 0.7em; 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; }
	}
}