@charset "UTF-8";
/* =======================================

	 CSS BrowserReset BaseElements

	 (C)BLACKFLAG.NET ALL RIGHTS RESERVED.
	 http://black-flag.net/

 ======================================= */
html, body, div, span, applet, object, iframe,
h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-style: inherit;
  font-weight: inherit;
  /*	outline: 0;*/
}

/* mixin
-------------------------------- */
html {
  -webkit-text-size-adjust: none;
}

img {
  vertical-align: text-bottom;
  -ms-interpolation-mode: bicubic;
}

a {
  -webkit-tap-highlight-color: transparent;
}

strong {
  font-weight: bold;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  /*	border-collapse: separate;*/
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  vertical-align: top;
}

caption {
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a:focus {
  /*\*/
  overflow: hidden;
  /**/
}

option {
  padding-right: 10px;
}

/* ------------------------------
	HTML5 ELEMENTS
------------------------------ */
header, article, aside, section, footer,
nav, menu, details, hgroup, summary {
  display: block;
}

/* =======================================

	CommonElements

======================================= */
#container {
  width: 100%;
}

.wideslider,
.wideslider1,
.wideslider2,
.wideslider3,
.wideslider4,
.wideslider5,
.wideslider6,
.wideslider7,
.wideslider8,
.wideslider9,
.wideslider10 {
  width: 100%;
  padding-bottom: 0;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.wideslider {
  height: 390px;
  background: url(../images/slider-loading.gif) no-repeat center center;
  background-color: #000;
  -webkit-transition: all 1s;
}
.wideslider li a {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .wideslider {
    height: 271px;
  }
}
@media screen and (max-width: 375px) {
  .wideslider {
    height: 152px;
    background-size: 24px 24px;
  }
}

.wideslider ul,
.wideslider ul li,
.wideslider1 ul,
.wideslider1 ul li,
.wideslider2 ul,
.wideslider2 ul li,
.wideslider3 ul,
.wideslider3 ul li,
.wideslider4 ul,
.wideslider4 ul li,
.wideslider5 ul,
.wideslider5 ul li,
.wideslider6 ul,
.wideslider6 ul li,
.wideslider7 ul,
.wideslider7 ul li,
.wideslider8 ul,
.wideslider8 ul li,
.wideslider9 ul,
.wideslider9 ul li,
.wideslider10 ul,
.wideslider10 ul li {
  float: left;
  display: inline;
  overflow: hidden;
}

.wideslider ul li .slider-wrap,
.wideslider1 ul li .slider-wrap,
.wideslider2 ul li .slider-wrap,
.wideslider3 ul li .slider-wrap,
.wideslider4 ul li .slider-wrap,
.wideslider5 ul li .slider-wrap,
.wideslider6 ul li .slider-wrap,
.wideslider7 ul li .slider-wrap,
.wideslider8 ul li .slider-wrap,
.wideslider9 ul li .slider-wrap,
.wideslider10 ul li .slider-wrap {
  display: block;
  position: relative;
}

.wideslider ul li .slider-txt,
.wideslider1 ul li .slider-txt,
.wideslider2 ul li .slider-txt,
.wideslider3 ul li .slider-txt,
.wideslider4 ul li .slider-txt,
.wideslider5 ul li .slider-txt,
.wideslider6 ul li .slider-txt,
.wideslider7 ul li .slider-txt,
.wideslider8 ul li .slider-txt,
.wideslider9 ul li .slider-txt,
.wideslider10 ul li .slider-txt {
  display: block;
  position: absolute;
}

.wideslider ul li img,
.wideslider1 ul li img,
.wideslider2 ul li img,
.wideslider3 ul li img,
.wideslider4 ul li img,
.wideslider5 ul li img,
.wideslider6 ul li img,
.wideslider7 ul li img,
.wideslider8 ul li img,
.wideslider9 ul li img,
.wideslider10 ul li img {
  width: 100%;
  display: none;
}

@media screen and (min-width: 768px) and (max-width: 800px) {
  .wideslider_base {
    left: 30px !important;
  }

  .wideslider ul li {
    width: 960px !important;
  }

  .wideslider ul li img,
  .wideslider1 ul li img,
  .wideslider2 ul li img,
  .wideslider3 ul li img,
  .wideslider4 ul li img,
  .wideslider5 ul li img,
  .wideslider6 ul li img,
  .wideslider7 ul li img,
  .wideslider8 ul li img,
  .wideslider9 ul li img,
  .wideslider10 ul li img {
    width: 960px !important;
  }
}
.wideslider_base {
  top: 0;
  position: absolute;
}

.wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;
}

.slider_prev,
.slider_next {
  top: 0;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .slider_prev,
  .slider_next {
    margin-top: -21px !important;
    top: 50% !important;
    width: 31px !important;
    height: 42px !important;
    opacity: 1 !important;
  }
}

.slider_prev {
  background: #000 url(../images/slide-arrow-left.png) no-repeat right center;
}
@media screen and (max-width: 767px) {
  .slider_prev {
    background: transparent url(../images/slide-arrow-left-sp.png) no-repeat right center !important;
    background-size: 31px 42px !important;
  }
}

.slider_next {
  background: #000 url(../images/slide-arrow-right.png) no-repeat left center;
}
@media screen and (max-width: 767px) {
  .slider_next {
    background: transparent url(../images/slide-arrow-right-sp.png) no-repeat left center !important;
    background-size: 31px 42px !important;
  }
}

.pagination {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  text-align: center;
  position: absolute;
  z-index: 200;
}

.wideslider .pagination {
  display: none;
}

.pagination a {
  margin: 0 6px;
  width: 15px;
  height: 15px;
  display: inline-block;
  overflow: hidden;
  background: #CCC;
  border-radius: 15px;
  /* CSS3 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
  behavior: url(/admission/common/css/PIE.htc);
}

.pagination a.active {
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
  background-color: #999;
}

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after,
.wideslider1 ul:after,
.wideslider2 ul:after,
.wideslider3 ul:after,
.wideslider4 ul:after,
.wideslider5 ul:after,
.wideslider6 ul:after,
.wideslider7 ul:after,
.wideslider8 ul:after,
.wideslider9 ul:after,
.wideslider10 ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.wideslider ul,
.wideslider1 ul,
.wideslider2 ul,
.wideslider3 ul,
.wideslider4 ul,
.wideslider5 ul,
.wideslider6 ul,
.wideslider7 ul,
.wideslider8 ul,
.wideslider9 ul,
.wideslider10 ul {
  display: inline-block;
  overflow: hidden;
}

.film_roll_wrapper {
  overflow: hidden;
  background-color: #000;
}

.film_roll_shuttle {
  position: relative;
}

.film_roll_child {
  display: inline-block;
  margin-right: 0;
  opacity: 0.3;
  vertical-align: bottom;
}

.film_roll_child.active {
  opacity: 1;
}

.film_roll_arrow {
  position: absolute;
  top: 0;
}

.btn_prev,
.btn_next {
  position: absolute;
  top: -272px;
  width: 86px;
  height: 272px;
  opacity: 1;
}
.btn_prev .fa_arrow-right,
.btn_next .fa_arrow-right {
  font-size: 48px;
  top: 50%;
  position: absolute;
  margin-top: -10px;
}

.btn_prev .fa_arrow-right {
  transform: rotateY(180deg);
  right: 10px;
}

.btn_next {
  right: 0;
}
.btn_next .fa_arrow-right {
  left: 10px;
}

.btn_prev:hover,
.btn_next:hover {
  opacity: 0.7;
}

.film_roll_pager {
  text-align: center;
}

.film_roll_pager a {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  behavior: url(/admission/common/css/PIE.htc);
  background-color: #CCC;
  display: inline-block;
  margin: 20px 10px 0 0;
  transition: all 1s ease;
}

.film_roll_pager a:hover {
  background: #999;
}

.film_roll_pager a.active {
  background: #999;
}

.film_roll_pager span {
  display: none;
}

.film_roll_pager a, a.film_roll_prev, a.film_roll_next {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#film_roll_arrow {
  position: relative;
}

#home .sp {
  padding: 0;
  background: none;
}
@media screen and (max-width: 767px) {
  #home .wideslider,
  #home .wideslider_sp {
    position: inherit;
    background: no-repeat;
    height: auto;
  }
}
#home .wideslider .wideslider_base,
#home .wideslider_sp .wideslider_base {
  height: 480px;
}
@media screen and (max-width: 767px) {
  #home .wideslider .wideslider_base,
  #home .wideslider_sp .wideslider_base {
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  #home .wideslider ul,
  #home .wideslider_sp ul {
    margin: 0;
    overflow: inherit;
  }
}
@media screen and (max-width: 767px) {
  #home .wideslider ul li,
  #home .wideslider_sp ul li {
    float: none;
    display: block;
  }
}
#home .wideslider ul li a,
#home .wideslider_sp ul li a {
  position: relative;
  width: 100%;
  height: 480px;
  display: block;
}
@media screen and (max-width: 767px) {
  #home .wideslider ul li a,
  #home .wideslider_sp ul li a {
    width: auto;
    height: auto;
  }
}
#home .wideslider ul li a img,
#home .wideslider_sp ul li a img {
  margin-top: -60px;
}
@media screen and (max-width: 767px) {
  #home .wideslider ul li a img,
  #home .wideslider_sp ul li a img {
    margin-top: 0;
    display: block;
    width: 100%;
    height: auto;
  }
}
#home .wideslider ul li a .ws-wrap,
#home .wideslider_sp ul li a .ws-wrap {
  position: absolute;
  bottom: -60px;
  left: 0;
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #home .wideslider ul li a .ws-wrap,
  #home .wideslider_sp ul li a .ws-wrap {
    bottom: 0;
  }
}
#home .wideslider ul li a .ws-wrap .ws-inner,
#home .wideslider_sp ul li a .ws-wrap .ws-inner {
  padding: 20px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
  display: block;
}
@media screen and (max-width: 767px) {
  #home .wideslider ul li a .ws-wrap .ws-inner,
  #home .wideslider_sp ul li a .ws-wrap .ws-inner {
    padding: 15px;
  }
}
#home .wideslider ul li a .ws-wrap .ws-txt,
#home .wideslider_sp ul li a .ws-wrap .ws-txt {
  display: block;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #home .wideslider ul li a .ws-wrap .ws-txt,
  #home .wideslider_sp ul li a .ws-wrap .ws-txt {
    font-size: 13px;
  }
}
#home .wideslider .slider_prev,
#home .wideslider .slider_next,
#home .wideslider_sp .slider_prev,
#home .wideslider_sp .slider_next {
  height: 480px !important;
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  #home .wideslider_base {
    left: 110px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  #home .wideslider ul li {
    width: 800px !important;
    height: 480px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  #home .wideslider,
  #home .wideslider1,
  #home .wideslider2,
  #home .wideslider3,
  #home .wideslider4,
  #home .wideslider5,
  #home .wideslider6,
  #home .wideslider7,
  #home .wideslider8,
  #home .wideslider9,
  #home .wideslider10 {
    height: 480px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  #home .wideslider ul li img,
  #home .wideslider1 ul li img,
  #home .wideslider2 ul li img,
  #home .wideslider3 ul li img,
  #home .wideslider4 ul li img,
  #home .wideslider5 ul li img,
  #home .wideslider6 ul li img,
  #home .wideslider7 ul li img,
  #home .wideslider8 ul li img,
  #home .wideslider9 ul li img,
  #home .wideslider10 ul li img {
    width: 800px !important;
  }
}
@media screen and (max-width: 768px) {
  #home .slider_prev,
  #home .slider_next {
    margin-top: 0 !important;
    top: 0 !important;
    overflow: hidden;
    z-index: 100;
    width: 110px !important;
    cursor: pointer;
    height: 480px !important;
  }
}
@media screen and (max-width: 768px) {
  #home .slider_prev {
    left: -110px !important;
    background: #000 url(../images/slide-arrow-left-sp.png) no-repeat;
    background-position: left 40% center;
    background-size: 31px 42px !important;
  }
}
@media screen and (max-width: 768px) {
  #home .slider_next {
    right: -110px !important;
    background: #000 url(../images/slide-arrow-right-sp.png) no-repeat;
    background-position: right 40% center;
    background-size: 31px 42px !important;
  }
}