/***************************************************************************
*
* GOODS STYLE
*
***************************************************************************/
body { background: url(../../images/armor/common/main_bg.jpg) no-repeat center top 60px, #000; background-size: 1920px; }

.area_title { text-align: center; }

#content { margin-top: 180px; }

.bigInner { width: 1200px; margin: 0 auto; }

.labelWhite { font-size: 13px; background: #fff; writing-mode: tb-rl; color: #000; font-weight: bold; height: 170px; padding: 20px 15px 0 15px; }

.areaGoods hr { border: 0; height: 1px; background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 1) 50%, hsla(0, 0%, 100%, 0) 100%); margin: 60px 20% 60px; }

.areaGoods .goodsInfo .area_title { margin-bottom: 120px; }
.areaGoods .goodsInfo .boxGeneral { margin-bottom: 80px; margin-left: 53px; }
.areaGoods .goodsInfo .boxGeneral .textGene { display: flex; align-items: center; line-height: 1.7; }
.areaGoods .goodsInfo .boxGeneral .textGene:first-child { margin-bottom: 20px; }
.areaGoods .goodsInfo .boxGeneral .textGene .txtLeft { width: 11em; font-size: 28px; }
.areaGoods .goodsInfo .boxGeneral .textGene .txtRight { font-size: 16px; }

.areaGoods .goodsInfo { padding-bottom: 80px; }
.areaGoods .goodsInfo .boxShop { }
.areaGoods .goodsInfo .boxShop .shopHead { text-align: center; font-size: 22px; margin: 50px 0 30px; }
.areaGoods .goodsInfo .boxShop .shopContent { text-align: center; vertical-align: top; word-break: break-all; }
.areaGoods .goodsInfo .boxShop .shopContent + .shopContent { margin-top: 40px;}
.areaGoods .goodsInfo .boxShop .shopContent .shopTitle { font-size: 17px; margin-bottom: 15px; }
.areaGoods .goodsInfo .boxShop .shopContent .shopLink a { font-size: 16px; color: #49a6ec; }
.areaGoods .goodsInfo .boxShop .shopContent .shopText { font-size: 16px; }

.areaGoods .areaLineup { padding-bottom: 75px; }
.areaGoods .areaLineup .boxText { margin-top: -15px; }
.areaGoods .areaLineup .itemList .item { display: flex; }
.areaGoods .areaLineup .itemList .item .itemText { width: 360px; text-align: left; font-size: 16px; margin-top: 70px; }
.areaGoods .areaLineup .itemList .item .itemText .name { font-size: 22px; }
.areaGoods .areaLineup .itemList .item .itemText ul.desc { margin-top: 20px; }
.areaGoods .areaLineup .itemList .item .itemText ul.desc li { text-indent: -4em; padding-left: 4em; }
.areaGoods .areaLineup .itemList .item .itemText ul.desc li span { display: inline-block; width: 4em; text-indent: 0; }
.areaGoods .areaLineup .itemList .item .itemPhoto { width: 660px; text-align: center; }
.areaGoods .areaLineup { background: url(../../images/armor/ticket/border.png) no-repeat center top 20px; }

@media (max-width: 1350px) and (min-width: 769px) { body, html { width: 1350px; } }
@media (max-width: 768px) { body { background: url(../../images/armor/common/main_bg_sp.jpg) no-repeat center top, #000; background-size: 100%; }
  #content { margin-top: 80px; }
  .area_title { width: 43.5%; margin: 0 auto; }
  .labelWhite { font-size: 14px; padding: 10px 3px 0 2px; letter-spacing: 3px; height: 160px; }
  .bigInner { width: 100%; padding: 0 5.33%; }

  .areaGoods hr { margin: 30px 20% 30px; }

  .areaGoods .goodsInfo .area_title { margin-bottom: 45px; }
  .areaGoods .goodsInfo .boxGeneral { margin-left: 0; margin-bottom: 50px; }
  .areaGoods .goodsInfo .boxGeneral .textGene { display: block; line-height: 1.6; }
  .areaGoods .goodsInfo .boxGeneral .textGene .txtLeft { font-size: 18px; }
  .areaGoods .goodsInfo .boxGeneral .textGene .txtRight { font-size: 14px; }

  .areaGoods .goodsInfo .boxShop .shopHead { font-size: 18px; margin: 50px 0 20px; }
  .areaGoods .goodsInfo .boxShop .shopContent + .shopContent { }
  .areaGoods .goodsInfo .boxShop .shopContent .shopTitle { font-size: 15px; margin-bottom: 10px; }
  .areaGoods .goodsInfo .boxShop .shopContent .shopLink a { font-size: 14px; }
  .areaGoods .goodsInfo .boxShop .shopContent .shopText { font-size: 14px; }

  .areaGoods .areaLineup { padding-bottom: 25px; }
  .areaGoods .areaLineup .boxText { padding-left: 8.5%; margin-top: -95px; }
  .areaGoods .areaLineup .itemList .item { display: block; }
  .areaGoods .areaLineup .itemList .item .itemText { width: 100%; text-align: left; font-size: 14px; margin-top: 0; }
  .areaGoods .areaLineup .itemList .item .itemText .name { font-size: 18px; }
  .areaGoods .areaLineup .itemList .item .itemPhoto { width: 100%; margin-top: 20px; }
  .areaGoods .areaLineup { background: url(../../images/armor/ticket/border.png) no-repeat center top 11px; }

}
/*# sourceMappingURL=goods.css.map */