@charset "utf-8"; 

/* characot :: index.css */

/* about
=========================================================================== */

.about h2 {
  color: #f59600;
  font-size: 2.0rem;
}
.about p {
  color: #555;
  font-size: 1.4rem;
}
.about li a {
  padding: 20px 0;
}

/* news
=========================================================================== */

.news {
  border: 1px solid #e60012;
  overflow: hidden;
}
.news h2 {
  padding: 6px 10px 6px 15px;
  background: #e60012;
  color: #fff;
}

/* character
=========================================================================== */

.character {
  margin-top: 30px;
}
.character li {
  margin-bottom: 20px;
  border-radius: 8px;
}
.character a,
.character p {
  background: #fff;
  border-radius: 8px;
  display: table-cell;
  text-align: center;
  position: relative;
  vertical-align: middle;
}
.character a:hover {
  border: 2px solid #28a7e1;
}
.character .none {
  background: #fff;
}

/* Media Queries - PC
=========================================================================== */

@media print, screen and (min-width: 769px) {
body {
  min-width: 1040px;
}
/* header */
#header {
	box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.2);
	position: relative;
  z-index: 5;
}
/* slider */
.sliderWrap {
  height: 453px;
  background: url(../shared/img/bg_stripe.png) repeat-x;
}
.bx-wrapper {
  width: 1040px;
  height: 453px;
  margin: 0 auto;
}
.bx-wrapper ul {
  margin-left: 30px;
}
.bx-wrapper .bx-pager {
  margin-top: -40px;
}
/* about */
.about h2 {
  height: 98px;
  margin-bottom: 30px;
  padding-top: 60px;
  background: url(../img/bg_about.png) no-repeat;
}
.about ul {
  margin: 45px 0;
  letter-spacing: -.4em;
}
.about li {
  margin: 0 6px;
  letter-spacing: 0;
  display: inline-block;
}
.about li a {
  width: 260px;
  display: block;
}
/* news */
.news {
  width: 805px;
  margin: 25px auto 45px;
}
.news h2,
.news p {
  display: table-cell;
  vertical-align: middle;
}
.news h2::before {
  margin-top: -32px;
  border-width: 33px 0 33px 10px;
  border-color: transparent #e60012;
  left: inherit;
  right: -10px;
}
.news p {
  padding: 6px 10px 6px 20px;
}
/* character */
.character a,
.character p {
  width: 310px;
  height: 250px;
}
} /* PC */

/* Media Queries - 768px
=========================================================================== */

@media screen and (max-width: 768px){
/* slider */
.bx-wrapper {
  width: auto;
  margin-bottom: 40px;
}
.bx-wrapper .slider {
  margin: 0;
}
.bx-wrapper .bx-prev {
	left: 0;
}
.bx-wrapper .bx-next {
	right: 0;
}
.bx-wrapper .bx-controls-direction a {
	margin-top: -23px;
}
.bx-wrapper .bx-pager {
  margin-top: 10px;
}
/* about */
.about h2 {
  margin: 20px 0 10px;
}
.about p {
  text-align: left;
}
.about ul {
  margin: 25px 0 35px;
}
.about li {
  margin-bottom: 15px;
}
.about a {
  display: block;
}
/* news */
.news {
  margin: 0 10px 40px;
  padding: 0;
}
.news h2::before {
  border: none;
}
.news p {
  padding: 10px;
}
/* character */
.character li {
  width: 48.5%;
}
.character a,
.character p {
  width: 350px;
  padding: 8px;
  border: 2px solid #fff;
  display: table-cell;
}
.character a img,
.character p img {
  width: 100%;
}
} /* 768px */

/* Media Queries - 568px
=========================================================================== */

@media screen and (max-width: 568px){
/* about */
.about h2 {
  text-align: left;
}
/* character */
.character li {
  margin-bottom: 10px;
  border-radius: 8px;
}
.character a,
.character p {
  width: auto;
}
} /* 568px */

/* Media Queries - 320px
=========================================================================== */

@media screen and (max-width: 320px){
/* character */
.character {
  display: block;
}
.character li {
  width: 100%;
}
.character a {
  display: block;
}
.character a img
.character p img {
  width: auto;
}
} /* 320px */