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

#content { margin-top: 180px; }

.area_title { text-align: center; }

.areaCast { position: relative; padding-bottom: 142px; }
.areaCast:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: url(../../images/armor/intro/intro_border.png) no-repeat center; background-size: 100% 2px; z-index: -1; }
.areaCast .cast_list { margin-top: 183px; }
.areaCast .cast_list .cast_row { position: relative; }
.areaCast .cast_list .cast_row:after { content: ''; position: absolute; left: 0; top: 18px; width: 100%; height: 3px; background: url(../../images/armor/intro/intro_border.png) no-repeat center; background-size: 100% 2px; z-index: -1; }
.areaCast .cast_list .cast_row + .cast_row { margin-top: 136px; }
.areaCast .cast_list .cast_row .inner { width: 1200px; }
.areaCast .cast_list .cast_row .inner .cast_item { float: left; width: 380px; padding: 0 2%; text-align: center; }
.areaCast .cast_list .cast_row .inner .cast_item + .cast_item { margin-left: 30px; }
.areaCast .cast_list .cast_row .inner .cast_item .cast_photo { overflow: hidden; }
.areaCast .cast_list .cast_row .inner .cast_item .cast_photo a img { transition: ease-in-out 0.5s; }
.areaCast .cast_list .cast_row .inner .cast_item .cast_photo a:hover img { transform: scale(1.1); }
.areaCast .cast_list .cast_row .inner .cast_item .cast_name { font-size: 27px; font-weight: normal; margin-top: 20px; }
.areaCast .cast_list .cast_row .inner .cast_item .cast_name .cast_kana { display: block; font-size: 12px; }
.areaCast .cast_list .cast_row .inner .cast_item .cast_sub { font-size: 18px; margin-top: 17px; letter-spacing: 2px; }
.areaCast .cast_design { margin-top: 135px; margin-left: -190px; text-align: center; font-weight: bold; }
.areaCast .cast_design .author { display: inline-block; vertical-align: middle; font-size: 26px; border: 1px solid #fff; padding: 15px 40px 12px; margin-right: 120px; }
.areaCast .cast_design .name { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: normal; }

.cast_popup { display: none; position: relative; background: #000; width: 1200px; padding: 0; margin-right: 15px; border: 1px solid rgba(255, 255, 255, 0.2); border-left: none; }
.cast_popup .popup_photo { float: left; width: 600px; }
.cast_popup .popup_content { float: left; width: calc(100% - 600px); margin-top: 265px; padding: 0 58px; }
.cast_popup .popup_content .popup_name_kana { letter-spacing: 0.2em; }
.cast_popup .popup_content .popup_name { position: relative; font-size: 36px; font-weight: normal; padding-bottom: 20px; }
.cast_popup .popup_content .popup_name:after { content: ''; position: absolute; left: -58px; bottom: 0; width: calc(100% + 116px); height: 1px; background: url(../../images/armor/cast/popup_border.png) no-repeat left center; background-size: 100% 1px; }
.cast_popup .popup_content .popup_name .sName { font-size: 20px; margin-left: 50px; }
.cast_popup .popup_content .popup_sub { font-size: 16px; margin-top: 44px; line-height: 1.9; letter-spacing: -0.5px; }

.fancybox-content { overflow: visible !important; }

.fancybox-bg { background: rgba(0, 0, 0, 0.6); }

.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; top: -20px; }

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

@media (max-height: 850px) { .fancybox-slide--html .fancybox-close-small { top: 20px; } }
.areaStaff { margin-top: 140px; padding-bottom: 75px; }
.areaStaff .staff_table { margin-top: 120px; }
.areaStaff .staff_table .staff_row { display: table; width: 100%; font-size: 16px; color: #fff; line-height: 1.6; }
.areaStaff .staff_table .staff_row + .staff_row { margin-top: 15px; }
.areaStaff .staff_table .staff_row.special { margin-top: 72px; }
.areaStaff .staff_table .staff_row .name_row { display: table-cell; vertical-align: top; position: relative; width: 50%; text-align: right; padding-right: 20px; }
.areaStaff .staff_table .staff_row .name_row:after { content: ''; position: absolute; top: 3px; right: -1px; width: 1px; height: 17px; border-left: 1px solid rgba(255, 255, 255, 0.2); }
.areaStaff .staff_table .staff_row .info_row { display: table-cell; vertical-align: top; width: 50%; padding-left: 20px; }
.areaStaff .staff_table .staff_row.staff_row2 { font-size: 14px; }
.areaStaff .staff_table .staff_row.staff_row2 .name_row:after { height: 15px; }

/*SP STYLE*/
@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: 38%; margin: 0 auto; }
  .areaCast { padding-bottom: 49px; }
  .areaCast:after { height: 2px; background: url(../../images/armor/intro/intro_border.png) no-repeat center; background-size: 1024px 1px; z-index: -1; }
  .areaCast .cast_list { margin-top: 50px; }
  .areaCast .cast_list .cast_row:after { width: 102.5%; left: -2.5%; top: 9px; height: 2px; background: url(../../images/armor/intro/intro_border.png) no-repeat center; background-size: 1024px 1px; }
  .areaCast .cast_list .cast_row + .cast_row { margin-top: 46px; }
  .areaCast .cast_list .cast_row .inner { width: 100%; }
  .areaCast .cast_list .cast_row .inner .cast_item { float: left; width: calc(100%/3 - 1%); padding: 0; }
  .areaCast .cast_list .cast_row .inner .cast_item + .cast_item { margin-left: 1.5%; }
  .areaCast .cast_list .cast_row .inner .cast_item .cast_photo { width: 100%; }
  .areaCast .cast_list .cast_row .inner .cast_item .cast_photo img { width: 100%; }
  .areaCast .cast_list .cast_row .inner .cast_item .cast_name { font-size: 19px; margin-top: 7px; }
  .areaCast .cast_list .cast_row .inner .cast_item .cast_name .cast_kana { font-size: 9px; }
  .areaCast .cast_list .cast_row .inner .cast_item .cast_sub { font-size: 15px; margin-top: 7px; letter-spacing: -0.5px; }
  .areaCast .cast_design { margin-top: 34px; margin-left: 0; }
  .areaCast .cast_design .author { display: inline-block; font-size: 20px; border: 1px solid rgba(255, 255, 255, 0.5); padding: 9px 22px 5px; margin: 0 auto; }
  .areaCast .cast_design .name { display: block; font-size: 15px; text-align: center; margin-top: 17px; }
  .cast_popup { width: 92.5%; margin-right: 0; margin-top: 6.5%; height: auto; border: 1px solid rgba(255, 255, 255, 0.2); }
  .cast_popup .popup_photo { width: 100%; border-bottom: 1px solid #fff; }
  .cast_popup .popup_content { width: 100%; margin-top: 0; padding: 14px 3% 16px; }
  .cast_popup .popup_content .popup_name_kana { font-size: 10px; }
  .cast_popup .popup_content .popup_name { position: relative; font-size: 30px; padding-bottom: 0; text-align: left; }
  .cast_popup .popup_content .popup_name:after { content: none; }
  .cast_popup .popup_content .popup_name .sName { position: absolute; right: 0; bottom: 5px; font-size: 17px; }
  .cast_popup .popup_content .popup_sub { font-size: 13px; margin-top: 7px; line-height: 1.6; letter-spacing: 0.2px; text-align: justify; }
  .fancybox-slide--html .fancybox-close-small { top: -15px; right: 3%; width: 32px; height: 32px; }
  .areaStaff { margin-top: 50px; padding-bottom: 0; }
  .areaStaff .area_title { width: 40%; }
  .areaStaff .staff_table { margin-top: 38px; }
  .areaStaff .staff_table .staff_row { font-size: 15px; line-height: 1.6; }
  .areaStaff .staff_table .staff_row + .staff_row { margin-top: 11px; }
  .areaStaff .staff_table .staff_row.special { margin-top: 54px; }
  .areaStaff .staff_table .staff_row .name_row { width: 36%; padding-right: 15px; letter-spacing: -0.3px; }
  .areaStaff .staff_table .staff_row .name_row:after { top: 3px; right: -3px; height: 15px; }
  .areaStaff .staff_table .staff_row .info_row { width: auto; padding-left: 15px; letter-spacing: -0.3px; }
  .areaStaff .staff_table .staff_row.staff_row2 { font-size: 12px; } }

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