.wrapper { background: #fff; }

header:before { background-color: #000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

header { width: 100%; height: 210px; position: relative; background: #000; }

header:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

header .header__logo { position: absolute; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

header .header__logo:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

header .header__logo--webcg { position: absolute; top: 28px; right: auto; bottom: auto; left: 29px; }

header .header__logo--jaguar { position: absolute; top: auto; right: 28px; bottom: 29px; left: auto; }

header h1 { width: 372px; margin: 0 auto; padding: 57px 0 0; position: relative; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

header h1:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

header ul.header__sns { position: absolute; top: 26px; right: 15px; bottom: auto; left: auto; letter-spacing: -.4em; }

header ul.header__sns li.sns-btn { display: inline-block; margin: 0 13px 0 0; }

header ul.header__sns li.sns-btn a { -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; display: inline-block; }

header ul.header__sns li.sns-btn:hover a { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

header .header__menu { width: 50px; height: 50px; position: absolute; top: auto; right: auto; bottom: 29px; left: 29px; background: #a11931; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

header .header__menu:hover { background: #c13951; }

header .header__menu span.menu-bar { width: 14px; height: 2px; position: absolute; left: 18px; background: #fff; }

header .header__menu span.menu-bar--01 { top: 17px; }

header .header__menu span.menu-bar--02 { top: 24px; }

header .header__menu span.menu-bar--03 { top: 31px; }

.contents { position: relative; }

.contents .content-gallery { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; margin-bottom: 125px; }

.contents .content-gallery .bx-wrapper { position: relative; margin: 0 auto 5px; padding: 0; *zoom: 1; }

.contents .content-gallery .bx-wrapper img { width: 100%; display: block; }

.contents .content-gallery .bx-wrapper .bxslider a { display: block; }

.contents .content-gallery .bx-wrapper .bx-viewport { background: #fff; -webkit-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); }

.contents .content-gallery .bx-wrapper .bx-pager { position: absolute; bottom: -30px; width: 100%; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }

.contents .content-gallery .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; }

.contents .content-gallery .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -12px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 1; }

.contents .content-gallery .bx-wrapper .bx-controls-direction a.disabled { display: none; }

.contents .content-gallery .bx-wrapper .bx-controls-direction .bx-prev { width: 50px; height: 50px; left: 0px; background: url(../img/pc/gallery/icon_arrow_left.png) no-repeat #a11931; background-position: 17px 17px; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.contents .content-gallery .bx-wrapper .bx-controls-direction .bx-prev:hover { background-color: #c13951; }

.contents .content-gallery .bx-wrapper .bx-controls-direction .bx-next { width: 50px; height: 50px; right: 0px; background: url(../img/pc/gallery/icon_arrow_right.png) no-repeat #a11931; background-position: 20px 17px; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.contents .content-gallery .bx-wrapper .bx-controls-direction .bx-next:hover { background-color: #c13951; }

.contents .content-gallery .bx-wrapper .bx-loading { display: none; }

.contents .content-gallery .bx-wrapper .bx-default-pager { display: none; }

.contents .content-gallery .bx-wrapper .bx-has-pager .bx-prev { width: 25px; height: 25px; left: -50px; -webkit-background-size: 6px 6px; background-size: 6px; background-position: 9px 8px; }

.contents .content-gallery .bx-wrapper .bx-has-pager .bx-next { width: 25px; height: 25px; right: -50px; -webkit-background-size: 6px 6px; background-size: 6px; background-position: 9px 8px; }

.contents .content-gallery .bxslider_thumb li { margin-left: 5px; }

.contents .content-gallery .bxslider_thumb li a { width: 105px; display: inline-block; margin-bottom: 3px; cursor: pointer; }

.contents .content-gallery .bxslider_thumb li a img { -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

.contents .content-gallery .bxslider_thumb li a:hover img { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.contents .content-gallery .bxslider_thumb li a.active { cursor: default; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-box-sizing: border-box; box-sizing: border-box; }

.contents .content-gallery .bxslider_thumb li a.active img { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

footer { background: #000; }

@media screen and (max-width: 768px) { header { width: 100%; height: 150px; position: relative; }
  header:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  header .header__logo { display: none; }
  header h1 { width: 230px; padding: 40px 0 0; }
  header ul.header__sns { display: none; }
  header .header__menu { width: 40px; height: 40px; position: absolute; top: auto; right: auto; bottom: 0; left: 0; background: #a11931; cursor: pointer; }
  header .header__menu span.menu-bar { width: 12px; height: 2px; position: absolute; left: 14px; background: #fff; }
  header .header__menu span.menu-bar--01 { top: 14px; }
  header .header__menu span.menu-bar--02 { top: 19px; }
  header .header__menu span.menu-bar--03 { top: 24px; }
  .contents { position: relative; }
  .contents .content-gallery { margin-bottom: 60px; }
  .contents .content-gallery .bx-wrapper { position: relative; margin: 0 auto 5px; padding: 0; *zoom: 1; }
  .contents .content-gallery .bx-wrapper img { width: 100%; display: block; }
  .contents .content-gallery .bx-wrapper .bx-viewport { background: #fff; -webkit-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); }
  .contents .content-gallery .bx-wrapper .bx-pager { position: absolute; bottom: -30px; width: 100%; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
  .contents .content-gallery .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; }
  .contents .content-gallery .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -12px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 1; }
  .contents .content-gallery .bx-wrapper .bx-controls-direction a.disabled { display: none; }
  .contents .content-gallery .bx-wrapper .bx-controls-direction .bx-prev { width: 30px; height: 30px; left: 0px; background: url(../img/pc/gallery/icon_arrow_left.png) no-repeat #a11931; background-position: 9px 8px; cursor: pointer; -webkit-transition: none; transition: none; z-index: 2; }
  .contents .content-gallery .bx-wrapper .bx-controls-direction .bx-next { width: 30px; height: 30px; right: 0px; background: url(../img/pc/gallery/icon_arrow_right.png) no-repeat #a11931; background-position: 10px 8px; cursor: pointer; -webkit-transition: none; transition: none; z-index: 2; }
  .contents .content-gallery .bx-wrapper .bx-loading { display: none; }
  .contents .content-gallery .bx-wrapper .bx-default-pager { display: none; }
  .contents .content-gallery .bx-wrapper .bx-has-pager { display: none; }
  .contents .content-gallery .bx-wrapper .bx-has-pager .bx-prev { width: 25px; height: 25px; left: -10px; -webkit-background-size: 6px 6px; background-size: 6px; background-position: 9px 8px; }
  .contents .content-gallery .bx-wrapper .bx-has-pager .bx-next { width: 25px; height: 25px; right: -10px; -webkit-background-size: 6px 6px; background-size: 6px; background-position: 9px 8px; }
  .contents .content-gallery .bxslider_thumb { display: none; }
  .contents .content-gallery .bxslider_thumb li { cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
  .contents .content-gallery .bxslider_thumb li:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  footer { background: #000; } }