@import url("base.css");
/***************************************************************************  COMMON STYLE  **************************************************************************/
@font-face { font-family: "HakusyuGyosyo_kk"; src: url("../../fonts/armor/HakusyuGyosyo_kk/b22a0a71d2f6bd524bea8c916cf7509d.eot");
  /* IE9*/
src: url("../../fonts/armor/HakusyuGyosyo_kk/b22a0a71d2f6bd524bea8c916cf7509d.eot?#iefix") format("embedded-opentype"), url("../../fonts/armor/HakusyuGyosyo_kk/b22a0a71d2f6bd524bea8c916cf7509d.woff2") format("woff2"), url("../../fonts/armor/HakusyuGyosyo_kk/b22a0a71d2f6bd524bea8c916cf7509d.woff") format("woff"), url("../../fonts/armor/HakusyuGyosyo_kk/b22a0a71d2f6bd524bea8c916cf7509d.ttf") format("truetype"), url("../../fonts/armor/HakusyuGyosyo_kk/b22a0a71d2f6bd524bea8c916cf7509d.svg#HakusyuGyosyo_kk") format("svg");
  /* iOS 4.1- */ }
@font-face { font-family: mincho; src: url("../../fonts/armor/YuMincho/yumin.ttf"); }
.mincho { font-family: "mincho" !important; }

.hakusyu { font-family: "HakusyuGyosyo_kk" !important; }

body { background-color: #000; font-size: 14px; line-height: 1.5; color: #fff; font-family: mincho; }

p { letter-spacing: 1px; }

.inner { width: 1020px; margin: 0 auto; }

/*VALIDATE CONTACT*/
.error { display: block; font-size: 12px; color: red; }

.areaTitle { color: #fff; font-size: 120px; width: 120px; line-height: 0.9; font-weight: normal; }

.sectionTitle { background: #fff; color: #000; width: 50px; height: 170px; writing-mode: vertical-lr; font-size: 13px; padding: 20px 16px 20px 15px; letter-spacing: 3px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sectionTitle { writing-mode: tb-lr; } }
.btn { text-align: center; }
.btn a { color: #fff; font-size: 16px; text-align: center; width: 275px; display: inline-block; padding: 5px; background: url("../../images/armor/common/btn.png") no-repeat center center/100% 100%; transition: all 300ms linear; }

.wrap1 { overflow: hidden; }
.wrap1 .areaTitle { float: left; margin-top: 30px; margin-left: 45px; writing-mode: tb-lr; height: 75%; }
.wrap1 .wrap1Right { float: right; width: 740px; }

@-moz-document url-prefix() { .wrap1 .areaTitle, .sectionTitle { writing-mode: vertical-lr; } }
/* HEADER */
#header { width: 100%; background: #000; position: fixed; top: 0; left: 0; right: 0; z-index: 9999; min-width: 1250px; }
#header .mainMenu { text-align: center; }
#header .mainMenu .menu { display: inline-block; vertical-align: top; padding: 18px 0; }
#header .mainMenu .menu li { float: left; }
#header .mainMenu .menu li.disabled a { color: rgba(255, 255, 255, 0.3); }
#header .mainMenu .menu li:last-child { border-right: none; }
#header .mainMenu .menu li a { color: #fff; font-size: 16px; padding: 0px 29px; }
#header .mainMenu .menu li a small { font-size: 13px; }
#header .listBtnArcoding { overflow: hidden; position: absolute; top: 0; right: 0; }
#header .listBtnArcoding > li { background: #383838; width: 200px; float: left; }
#header .listBtnArcoding > li:last-child { background: #484848; }
#header .listBtnArcoding > li:last-child .btnArcodingContent > li { border-bottom: 1px solid #5c5c5c; }
#header .listBtnArcoding > li .btnToggle a { color: #fff; font-size: 15px; display: block; height: 60px; line-height: 1.2; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; padding: 20px; position: relative; }
#header .listBtnArcoding > li .btnToggle a:after { content: ""; position: absolute; right: 10px; top: 50%; width: 15px; height: 8px; transform: translateY(-50%); background: url("../../images/armor/common/arrow.png"); }
#header .listBtnArcoding > li .btnToggle.noChild a:after { background: none; }
#header .listBtnArcoding > li .btnArcodingContent { -moz-box-shadow: inset 1px 4px 7px -7px #000; -webkit-box-shadow: inset 1px 4px 7px -7px #000; box-shadow: inset 1px 4px 7px -7px #000; display: none; }
#header .listBtnArcoding > li .btnArcodingContent > li { border-bottom: 1px solid #4c4c4c; }
#header .listBtnArcoding > li .btnArcodingContent > li:last-child { border-bottom: none; }
#header .listBtnArcoding > li .btnArcodingContent > li a { color: #fff; height: 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; padding: 20px 10px 20px 20px; font-size: 13px; }

/* MAIN */
#main { width: 100%; background: url("../../images/armor/index/main_effect.png") no-repeat top center/100% 100%; position: relative; margin-top: 50px; }
#main .mainPhoto { text-align: center; }
#main .logo { position: absolute; left: 50%; bottom: 6%; transform: translateX(-50%); }

/* CONTENT */
#content { width: 100%; }
#content .mainTitle { text-align: center; font-size: 42px; font-weight: normal; }
#content .mainTitle .en { font-size: 16px; display: block; letter-spacing: 5px; margin-bottom: 10px; }
#content .mainTitle .ja { text-shadow: 0px 30px 10px rgba(255, 255, 255, 0.3); background: url("../../images/armor/common/pattern_top.png") no-repeat left 0 top, url("../../images/armor/common/pattern_bottom.png") no-repeat right 0 bottom; padding: 15px 28px; white-space: nowrap; }
#content .mainTitle .ja small { font-size: 34px; }
#content .mainTitle .ja .venue { margin-left: 1em; }

/* FOOTER */
#footer { background: url("../../images/armor/common/footer_bg.png") no-repeat center bottom/100%; padding: 60px 0 25px; }
#footer .footerSnsBtn { text-align: center; }
#footer .footerSnsBtn .shareLabel { display: inline-block; vertical-align: middle; font-size: 13px; letter-spacing: 2px; margin-right: 15px; }
#footer .footerSnsBtn .twitter-share-button { display: inline-block; vertical-align: middle; margin-right: 5px; }
#footer .footerSnsBtn .fb-share-button { display: inline-block; vertical-align: middle; }
#footer .scrollToTop { position: fixed; right: 4%; bottom: 4%; display: none; }
#footer #copyright { font-size: 12px; text-align: center; margin-top: 25px; }

.sp { display: none; }

/*HOVER EFFECT*/
@media (min-width: 769px) { .btn a:hover { background-image: url("../../images/armor/common/btn_hover.png"); opacity: 0.8; }
  #header .mainMenu .menu li { position: relative; }
  #header .mainMenu .menu li.disabled:after { display: none; }
  #header .mainMenu .menu li.disabled a { cursor: default; }
  #header .mainMenu .menu li:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(72, 72, 72, 0.6); transform: scale(0, 1); transform-origin: top left; transition: all 300ms ease; }
  #header .mainMenu .menu li:hover:after { transform-origin: top right; transform: scale(1, 1); }
  #header .mainMenu .menu li a { position: relative; z-index: 1; }
  a[href^="tel:"] { pointer-events: none; color: inherit !important; } }
@media (max-width: 1250px) and (min-width: 769px) { body, html { width: 1250px; } }
@media (max-width: 1663px) and (min-width: 1465px) { #header .listBtnArcoding > li { width: 10.5vw; }
  #header .listBtnArcoding > li .btnToggle a, #header .listBtnArcoding > li .btnArcodingContent > li a { font-size: 10px; } }
@media (max-width: 1464px) and (min-width: 1199px) { #header .mainMenu { padding: 0 2%; }
  #header .listBtnArcoding > li { width: 10.5vw; }
  #header .listBtnArcoding > li .btnToggle a, #header .listBtnArcoding > li .btnArcodingContent > li a { font-size: 10px; } }
#header { min-width: 100%; background: none; }
#header .hamburgerBar { text-align: center; padding: 13px 0; background: #000; cursor: pointer; }
#header .hamburgerBar .hamburger { display: block; text-align: center; }
#header .hamburgerBar .hamburger.toggle span:nth-child(1) { transform: rotate(45deg) translate(8px, 8px); }
#header .hamburgerBar .hamburger.toggle span:nth-child(2) { opacity: 0; }
#header .hamburgerBar .hamburger.toggle span:nth-child(3) { transform: rotate(-45deg) translate(8px, -7px); }
#header .hamburgerBar .hamburger span { display: block; width: 35px; height: 2px; margin: 0 auto 9px auto; background: #fff; transition: all 300ms linear; }
#header .hamburgerBar .hamburger span:nth-child(3) { margin-bottom: 0; }
#header .spMenu { padding: 0 3%; background: rgba(0, 0, 0, 0.8); height: calc(100vh - 46px); overflow: auto; display: none; }
#header .spMenu .mainMenu .menu { padding: 0; }
#header .spMenu .mainMenu .menu li { width: 100%; border-bottom: 1px solid #575c60; }
#header .spMenu .mainMenu .menu li:last-child { border-bottom: none; }
#header .spMenu .mainMenu .menu li a { font-size: 22px; display: block; padding: 12px; letter-spacing: 3px; }
#header .spMenu .listBtnArcoding { position: static; }
#header .spMenu .listBtnArcoding > li { background: rgba(37, 39, 41, 0.8); width: 100%; text-align: center; }
#header .spMenu .listBtnArcoding > li:nth-child(2) .btnToggle { background: #484848; }
#header .spMenu .listBtnArcoding > li .btnToggle { background: #383838; }
#header .spMenu .listBtnArcoding > li .btnToggle a { text-align: center; font-size: 18px; justify-content: center; }
#header .spMenu .listBtnArcoding > li .btnArcodingContent > li a { text-align: center; display: block; height: auto; font-size: 18px; }

@media (max-width: 1199px) { .pc { display: none; }
  .sp { display: block; }
  #main .mainPhoto img.sp { margin: 0 auto; display: inline-block; } }
/* STYLE MOBILE */
@media (max-width: 768px) { .inner { width: 100%; padding: 0 5.33%; }
  ::-webkit-scrollbar { width: 4px; }
  ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); border-radius: 10px; }
  ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5); }
  .areaTitle { width: 100%; font-size: 40px; text-align: center; letter-spacing: 0; }
  .sectionTitle { width: 25px; height: 145px; padding: 10px 3px !important; }
  .wrap1 .areaTitle { margin: 0 0 30px 0; }
  .wrap1 .wrap1Right { width: 100%; }
  #main { overflow: hidden; }
  #main .inner { padding: 0; }
  #main .inner .logo { width: 69.5%; bottom: 1.3%; }
  #content .mainTitle { margin-top: 25px; font-size: 22px; }
  #content .mainTitle .en { font-size: 13px; margin-bottom: 0; }
  #content .mainTitle .ja { display: block; background: url(../../images/armor/common/pattern_top.png) no-repeat left 3% top, url(../../images/armor/common/pattern_bottom.png) no-repeat right 3% bottom; padding: 20px 28px; letter-spacing: 1px; text-shadow: 0px 18px 5px rgba(255, 255, 255, 0.3); }
  #content .mainTitle .ja small { font-size: 14px; }
  #content .mainTitle .ja .venue { margin-left: 0; }
  #footer { background-image: url("../../images/armor/common/footer_bg_sp.png"); background-size: 100% 100%; padding: 60px 0 5px; }
  #footer .scrollToTop { position: fixed; right: 0.5%; bottom: 4%; width: 13.5vw; text-align: center; }
  #footer #copyright { font-size: 11px; padding: 12px 0; margin-top: 15px; } }
@media (max-width: 374px) { #content .mainTitle { font-size: 18px; } }

/*# sourceMappingURL=common.css.map */