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

.area_title { text-align: center; margin-bottom: 130px; }

#content { margin-top: 180px; }

.areaGuide .guideline { position: relative; word-wrap: break-word; padding-bottom: 131px; }
.areaGuide ul.guideList {}
.areaGuide ul.guideList > li + li { margin-top: 60px;}
.areaGuide ul.guideList > li .ttlbar { font-size: 22px; padding: 10px; background: rgba(255,255,255,0.2); border-left: 10px #295d84 solid; }
.areaGuide ul.guideList > li .detail { font-size: 16px; margin-top: 40px; }
.areaGuide ul.guideList > li .detail a { color: #49a6ec; }
.areaGuide ul.guideList > li .detail p + p, .areaGuide ul.guideList > li .detail ul + p { margin-top: 1em;}
.areaGuide ul.guideList > li .detail h3 { margin-top: 40px;}
.areaGuide ul.guideList > li .detail p + .caution, .areaGuide ul.guideList > li .detail ul + .caution { margin-top: 20px;}
.areaGuide ul.guideList > li .detail .caution li { text-indent: -1em; padding-left: 1em; }
.areaGuide ul.guideList > li .detail .caution li + li { margin-top: 10px;}
.areaGuide ul.guideList > li .detail .registration a { display: inline-block; color: #fff; margin-top: 10px; padding: 10px 15px; background: rgba(230,0,18,0.4); }
.areaGuide ul.guideList > li .detail .registration a:hover{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;transition:.3s}

@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 45px; }
  .areaGuide .guideline { padding-bottom: 36px; }
  .areaGuide ul.guideList > li + li { margin-top: 40px;}
  .areaGuide ul.guideList > li .ttlbar { font-size: 16px;}
  .areaGuide ul.guideList > li .detail { font-size: 14px; margin-top: 20px; }
  .areaGuide ul.guideList > li .detail .caution li + li { margin-top: 7px;}
  .areaGuide ul.guideList > li .detail .registration { text-align: center;}
}
/*# sourceMappingURL=guide.css.map */