.area { padding: 130px 0; border-bottom: 1px solid #364d51; }

.areaTop { padding-bottom: 140px; }

.areaTop .btn { margin-top: 60px; }

.areaTop .mainTitle { text-align: center; }

.areaTop .mainTitle .mainTitleWrapper { font-size: 42px; font-weight: normal; background: url("../../images/armor/common/pattern_top.png") no-repeat left top, url("../../images/armor/common/pattern_bottom.png") no-repeat right bottom; padding: 0 25px; display: inline-block; }

.areaTop .mainTitle .mainTitleWrapper .en { font-size: 16px; display: block; letter-spacing: 5px; margin-bottom: 10px; }

.areaTop .mainTitle .mainTitleWrapper .ja { text-shadow: 0px 30px 10px rgba(255, 255, 255, 0.3); }

.section { padding-bottom: 70px; background: url("../../images/armor/index/border_top.png") no-repeat top 19px center; }

.section .inner { width: 1200px; }

.section .inner .sectionWrapper .col { width: 50%; float: left; overflow: hidden; }

.section .inner .sectionWrapper .col:nth-child(2) { padding-left: 59px; }

.section .inner .sectionWrapper .col .sectionTitle { float: left; margin-right: 40px; }

.section .inner .sectionWrapper .col.colNews .newsWrapper { width: 450px; float: left; padding-top: 20px; }

.section .inner .sectionWrapper .col.colNews .newsWrapper .listNewsWrapper { height: 356px; overflow: hidden; transition: all 200ms linear; }

.section .inner .sectionWrapper .col.colNews .newsWrapper .listNewsWrapper.toggle { overflow: auto; height: 500px; }

.section .inner .sectionWrapper .col.colNews .newsWrapper .listNewsWrapper .listNews.toggle { height: auto; }

.section .inner .sectionWrapper .col.colNews .newsWrapper .listNewsWrapper .listNews li { margin-bottom: 10px; }

.section .inner .sectionWrapper .col.colNews .newsWrapper .listNewsWrapper .listNews li:last-child { margin-bottom: 0; }

.section .inner .sectionWrapper .col.colNews .newsWrapper .listNewsWrapper .listNews li a { color: #fff; background: #1a1b1c; min-height: 112px; font-size: 15px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; flex-direction: column; padding: 20px 28px; }

.section .inner .sectionWrapper .col.colNews .newsWrapper .listNewsWrapper .listNews li a .newsTitle { margin-top: 15px; }

.section .inner .sectionWrapper .col.colNews .newsWrapper .btnMore { margin-top: 50px; }

.section .inner .sectionWrapper .col.colNews .newsWrapper .btnMore a { width: 212px; }

.section .inner .sectionWrapper .col.colTwitter .twitterWapper { width: 450px; float: left; padding-top: 20px; }

.section .inner .sectionWrapper .col.colTwitter .twitterWapper .scroll { height: 500px; -webkit-overflow-scrolling: touch; overflow: auto; }

.fancybox-bg { background: rgba(2, 9, 15, 0.9); }

.fancybox-toolbar { display: none; }

.fancybox-close-small { background: url("../../images/armor/common/btn_close.png") no-repeat center center/cover; padding: 0; }

.fancybox-slide--html .fancybox-close-small { width: 38px; height: 38px; right: 20px; }

.fancybox-close-small svg { display: none; }

.newsPop { width: 1015px; padding: 50px 55px; display: none; background: transparent; overflow: hidden; position: relative; }

.newsPop:after { content: ""; position: absolute; top: 20px; left: 0; width: calc(100% - 2px); height: calc(100% - 22px); background: #000; border: 1px solid rgba(255, 255, 255, 0.2); }

.newsPop .newsTitle { font-size: 26px; border-bottom: 1px solid #c1c1c1; font-weight: normal; position: relative; z-index: 1; padding-bottom: 10px; }

.newsPop .newsDate { text-align: right; position: relative; z-index: 1; margin-top: 10px; }

.newsPop .newsContent { margin-top: 25px; font-size: 16px; position: relative; z-index: 1; }

.newsPop .newsContent a { color: #49a6ec; }

.newsPop .newsContent ul.caution li { text-indent: -1em; padding-left: 1em; }

.newsPop .newsContent hr { height: 0; margin: 2em 0; padding: 0; border: 0; border-top: 1px solid #333; }

.notice { text-align: center; color: #fff; margin-bottom: 60px; }

.notice a.covid { display: inline-block; color: #fff; padding: 15px; background: rgba(230, 0, 18, 0.4); }

.notice a.stream { display: block; width: 470px; margin: 15px auto 0; }

.notice a.stream img { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.notice a:hover { filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; transition: .3s; }

.popupFirst { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; visibility: hidden; transition: .6s; }

.popupFirst.is-show { opacity: 1; visibility: visible; }

.popupFirst .popup-inner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; max-width: 1015px; font-size: 16px; color: #fff; padding: 50px; background-color: #000; border: 1px solid rgba(255, 255, 255, 0.2); z-index: 2; }

.popupFirst .close-btn { position: absolute; right: 10px; top: -17px; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; }

.popupFirst .close-btn i { font-size: 20px; color: #333; }

.popupFirst .black-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(2, 9, 15, 0.8); z-index: 1; cursor: pointer; }

.popupFirst .head .ttl { text-align: center; font-weight: 700; }

.popupFirst .head .data { text-align: right; font-size: 13px; }

.popupFirst .desc { margin-top: 40px; }

.popupFirst .desc .detail { margin-top: 30px; margin-bottom: 30px; }

.popupFirst .desc .detail p + p, .popupFirst .desc .detail ul { margin-top: 1em; }

@media (max-width: 768px) { .area { padding: 30px 0; }
  .areaTop { padding-bottom: 35px; }
  .areaTop .btn { margin-top: 25px; }
  .areaTop .btn a { font-size: 18px; width: 78%; padding: 8px 5px; }
  .section { padding-bottom: 30px; background: none; }
  .section .inner { width: 100%; padding: 0; }
  .section .inner .sectionWrapper .col { width: 100%; padding: 0 3%; position: relative; }
  .section .inner .sectionWrapper .col:nth-child(2) { padding-left: 3%; }
  .section .inner .sectionWrapper .col:before { content: ""; position: absolute; top: 10px; left: 0; width: 100%; height: 1px; z-index: -1; background: #868687; }
  .section .inner .sectionWrapper .col.colNews .newsWrapper { width: 100%; padding: 65px 0 0 20px; }
  .section .inner .sectionWrapper .col.colNews .newsWrapper .listNewsWrapper .listNews li { margin-bottom: 15px; }
  .section .inner .sectionWrapper .col.colNews .newsWrapper .listNewsWrapper .listNews li a { height: auto; display: block; font-size: inherit; padding: 20px 30px; }
  .section .inner .sectionWrapper .col.colNews .newsWrapper .btnMore { margin-top: 15px; }
  .section .inner .sectionWrapper .col.colNews .newsWrapper .btnMore a { width: 88%; padding: 10px 5px; font-size: 18px; }
  .section .inner .sectionWrapper .col.colTwitter { margin-top: 40px; }
  .section .inner .sectionWrapper .col.colTwitter .twitterWapper { width: 100%; padding: 65px 0 0 20px; }
  .section .inner .sectionWrapper .col.colTwitter .twitterWapper .scroll { height: 355px; }
  .section .inner .sectionWrapper .col .sectionTitle { margin-right: 0; position: absolute; top: 0; left: 3%; height: 160px; font-size: 16px; padding: 10px 6px; line-height: 1; z-index: 99; }
  .newsPop { width: 100%; padding: 8% 4%; height: 76%; overflow: auto; background: #000; border: 1px solid rgba(255, 255, 255, 0.2); }
  .newsPop:after { display: none; }
  .newsPop .newsTitle { font-size: 19px; padding-bottom: 20px; }
  .newsPop .newsDate { margin-top: 10px; }
  .newsPop .newsContent { font-size: inherit; }
  .fancybox-toolbar { display: block; right: 5vw; top: 10%; opacity: 1; }
  .fancybox-button { background: url("../../images/armor/common/btn_close.png") no-repeat center center/cover; width: 38px; height: 38px; padding: 0; visibility: visible; }
  .fancybox-button svg { display: none; }
  .fancybox-slide--html .fancybox-close-small { display: none; }
  .notice { margin-top: 20px; margin-bottom: 30px; }
  .notice a.covid { padding: 10px; margin: 0 10px; }
  .notice a.stream { width: auto; margin: 15px 10px 0; }
  .popupFirst .popup-inner { width: 96%; max-height: 96%; font-size: 12px; padding: 8% 4%; }
  .popupFirst .head .data { font-size: 10px; margin-top: 5px; }
  .popupFirst .desc { margin-top: 20px; }
  .popupFirst .desc p + p { margin-top: 0; }
  .popupFirst .desc br { display: none; }
  .popupFirst .desc .detail { margin-top: 20px; margin-bottom: 20px; } }

@media (max-width: 375px) { .twitter-timeline { width: 100vw !important; }
  .popupFirst .popup-inner { font-size: 11px; } }