@charset "UTF-8";

.fadein {
  opacity: 0;
  position: relative;
  -webkit-animation: cssFadeIn 1s ease-in-out 0.5s 1 forwards;
  animation: cssFadeIn 1s ease-in-out 0.5s 1 forwards;
}

@keyframes cssFadeIn {
  100% {
    opacity: 1
  }
}

@-webkit-keyframes cssFadeIn {
  100% {
    opacity: 1
  }
}

.slick-slide {
  /*  display: block;*/
}

.f1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.f2 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.f3 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.f4 {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}

a {
  -webkit-transition: .3s;
  transition: .3s;
}

a:hover {
  opacity: .7;
}
/*-------------------------------------------------------------------------
  #bba ／ビジネス書大賞
/*-----------------------------------------------------------------------*/
#top {
  position: relative;
  overflow-x: hidden;
}

#bba {
  position: absolute;
  top: 100px;
  right: -200px;
  padding: 10px 200px;
  background: #dc1414;
  box-shadow: 5px 5px 1px rgba(0,0,0,.2);
  transform: rotate(45deg);
  z-index: 4;
}

  #bba .wrap {
    width: 230px;
    margin: 0 auto;
  }

    #bba .wrap img {
    width: 100%;
    }

@media (max-width: 767px) {

#bba {
  top: 75px;
  right: -200px;
  padding: 5px 200px;
}

  #bba .wrap {
    width: 120px;
  }

}

/*-------------------------------------------------------------------------
  #cover
/*-----------------------------------------------------------------------*/
#cover {
  position: relative;
/*  top: 55px;*/
  margin-top: 52px;
}

@media (max-width: 767px) {
  #cover {
    padding: .5em 0;
  }
}

#cover:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
/*  top: -45px;*/
  top:0;
  left: 0;
  z-index: -1;
  background: url('../images/limited/bg_typho.png') center center no-repeat;
  background-size: contain;
  -webkit-animation: cssFadeIn 1s ease-in-out 0s 1 forwards;
  animation: cssFadeIn 1s ease-in-out 0s 1 forwards;
  opacity: 0;
}

#cover .container {
  padding: 0 5px;
}

#cover .container .hd-rgt {
  position: relative;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

#cover .container .hd-rgt .hd-txt {
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  z-index: 2;
}

#cover .container .hd-rgt .hd-txt br.aa {
  display: none;
}

@media (max-width: 767px) {
  #cover .container .hd-rgt .hd-txt br.aa {
    display: block;
  }
}

@media (max-width: 991px) {
  #cover .container .hd-rgt .hd-txt {
    position: relative;
  }
}

#cover .container .hd-rgt .hd-txt p {
  opacity: 0;
  position: relative;
  top: -30px;
}

#cover .row{
  position: relative;
}
#cover h1 {
/*
  position: relative;
  margin-top: 15%;
*/
  position: absolute;
  width:42%;
  max-width: 483px;
  top:15%;
  left:10%;
}

#cover h1 img {
  width: 100%;
}

#cover .fig {
  position: relative;
  margin-top: 60%;
  left: 0;
  width: 100%;
}

#cover .fig2 {
  position: relative;
  margin: 10% 0 20%;
  right: 0;
  text-align: right;
}

#cover .fig2 span {
  font-size: 110%;
}

#cover .sp {
  display: none;
}

#bkk {
  background-color: #000;
}

@media (max-width: 767px) {
  #cover:before{
    height: 100vh;
    top: -60px;
  }
  #cover .container{
    width:100%;
  }
  #cover .pc {
/*    display: none;*/
  }
  #cover .row{
    padding-top: 25vw;
  }
  #cover .row div:nth-of-type(1){
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  #cover .pc .slider{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 80%;
    max-width: 300px;
    margin: 30px auto;
  }
  #cover h1{
    width:75%;
    top:55px;
    left:5%;
  }
  #cover .f3{
    margin-top: 0%;
  }
  #cover .sp {
    display: block;
    width: 80%;
    margin: auto;
  }
  #cover .fig2{
    text-align: center;
    margin-bottom: 0%;
  }
  #bkk{
    display: none;
  }
}

img.hd-book {
  position: relative;
  width: 80%;
  opacity: 0;
  top: 30px;
}

@media (max-width: 767px) {
  img.hd-book {
    width: 100%;
    margin: auto;
  }
}

@media (max-width: 767px) {
  img.hd-book {
    width: 60%;
    position: relative;
    z-index: 3;
  }
}

img.hd-sp {
  width: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
}

img.hd-h1 {
  opacity: 0;
  width: 80%;
  position: relative;
  top: 30px;
  z-index: 1;
}

@media (max-width: 767px) {
  img.hd-h1 {
    display: none;
  }
}

img.hd-h1-sp {
  display: none;
  position: relative;
  top: 30px;
}

@media (max-width: 767px) {
  img.hd-h1-sp {
    opacity: 0;
    display: block;
    width: 80%;
    margin: auto;
  }
}

img.hd-splash {
  position: absolute;
  width: 120%;
  top: -50px;
  left: -110px;
}

@media (max-width: 767px) {
  img.hd-splash {
    display: none;
  }
}

img.hd-splash2 {
  position: absolute;
  width: 100%;
  right: 0;
  left: -200px;
  opacity: 0;
  top: 20px;
}

img.hd-splash2.pc {
  display: block;
}

@media (max-width: 767px) {
  img.hd-splash2.pc {
    display: none;
  }
}

img.hd-splash2.sp {
  display: none;
}

@media (max-width: 767px) {
  img.hd-splash2.sp {
    top: -40px;
    display: block;
    width: 80%;
    left: -160px;
  }
}

img.hd-splash-sp {
  display: none;
}

@media (max-width: 767px) {
  img.hd-splash-sp {
    position: absolute;
    display: block;
    width: 101%;
    top: -40px;
    right: 0;
  }
}

img.splash {
  position: absolute;
  width: 130%;
  z-index: 0;
  top: -100px;
  left: 0;
  right: 0;
  margin: auto;
}

@media (max-width: 767px) {
  img.splash {
    width: 100%;
    top: 0;
    bottom: 0;
  }
}

@media (max-width: 767px) {
  img.imgh2 {
    width: 80%;
    margin: auto;
  }
}

.h1 {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}

h1 {
  position: relative;
  margin: 0;
}

h1 a {
  -webkit-transition: .3s;
  transition: .3s;
}

h1 a span {
  font-size: 80%;
}

h1 a:hover {
  text-decoration: none;
  opacity: .7;
}

h2 {
  font-size: 80px;
  color: #000;
  font-style: italic;
}

@media (max-width: 1024px) {
  h2 {
    font-size: 40px;
    margin-bottom: 0;
  }
}

.mp {
  padding-top: 3.375rem !important;
  margin-top: -3rem !important;
}

p {
  font-size: 14px;
  line-height: 1.6;
}

p.subtitle {
  margin-top: 1em;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.6;
}

p.book-title {
  font-size: 20px;
}

p.book-title br.sp {
  display: none;
}

@media (max-width: 767px) {
  p.book-title br.sp {
    display: block;
  }
}

p.price {
  font-size: 14px;
}

@media (max-width: 767px) {
  p.subtitle {
    text-align: center;
    text-indent: 1em;
    font-size: 16px;
  }
  p.book-title {
    text-align: center;
    font-size: 18px;
  }
  p.price {
    text-align: center;
    font-size: 12px;
  }
  p.price br {
    display: none;
  }
}

p.ja {
  font-size: 20px !important;
}

p.lead {
  font-size: 16px;
  line-height: 2.5em;
  padding: 0 .5em;
}

@media (max-width: 576px) {
  p.lead {
    line-height: 2;
    margin-bottom: 0;
  }
}

p.ja {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 1em;
  color: #000;
}

.arrow {
  height: 40px;
  width: 40px;
  display: inline;
  position: absolute;
  overflow: hidden;
  width: 25px;
  right: 20px;
  border: 0px !important;
}

.arrow:before {
  content: '';
  height: 15px;
  width: 15px;
  display: block;
  border: 1px solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 5px;
  right: 10px;
}

.nav-collapse {
  display: none;
  -webkit-transition: .1s;
  transition: .1s;
  position: fixed;
  top: 51.5px;
  left: 0;
  width: 100%;
  height: calc(100% - 51.5px);
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.8);
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
  overflow-y: scroll;
}

.nav-collapse.active {
  display: block;
}

.nav-collapse.scrl {
  top: 39.5px;
  height: calc(100% - 39.5px);
}

@media (max-width: 576px) {
  .nav-collapse.scrl {
    top: 38.5px;
    height: calc(100% - 38.5px);
  }
}

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

.nav-collapse ul.navbar-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  padding: 0.75rem 1.5rem;
}

@media (min-width: 576px) {
  .nav-collapse ul.navbar-nav {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .nav-collapse ul.navbar-nav {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .nav-collapse ul.navbar-nav {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .nav-collapse ul.navbar-nav {
    width: 1140px;
    max-width: 100%;
  }
}

.nav-collapse ul.navbar-nav a {
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s;
  font-weight: 300;
}

.nav-collapse ul.navbar-nav a:hover {
  opacity: .7;
}

.nav-collapse ul.navbar-nav li {
  text-align: right;
  font-size: 60px;
  font-weight: 100;
  color: #fff;
  font-style: italic;
  line-height: 1;
}
 .nav-collapse ul.navbar-nav li span{
    font-size: 48px;
}
@media (max-width: 576px) {
  .nav-collapse ul.navbar-nav li {
    font-size: 30px;
  }
.nav-collapse ul.navbar-nav li span {
    font-size: 24px;
}
}

.nav-collapse ul.navbar-nav li.amazon {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.nav-collapse ul.navbar-nav li.amazon a {
  color: #ff8f00;
  text-decoration: underline;
  font-size: 14px;
  margin-top: 1em;
}

.nav-collapse ul.navbar-nav li.amazon a img {
  width: 24px;
  margin-right: 0.5em;
}

.nav-collapse ul.navbar-nav li p {
  font-style: normal;
  text-align: right;
  line-height: 1.4;
  margin-bottom: 0;
}

nav .sns {
  position: absolute;
  right: 80px;
  top: 5px;
  bottom: 0;
  padding: .5em 0;
}

nav .sns.active {
  display: none;
}

@media (max-width: 576px) {
  nav .sns {
    right: 40px;
    top: 8px;
  }
}

nav .sns a {
  margin: 0 .5em;
  -webkit-transition: .3s;
  transition: .3s;
}

nav .sns a:hover {
  opacity: .8;
}

@media (max-width: 576px) {
  nav .sns a {
    margin: 0 .3em;
  }
}

nav .sns a span {
  font-size: 14px;
  color: #eee;
  text-decoration: underline;
  margin-left: .5em;
}

@media (max-width: 576px) {
  nav .sns a span {
    display: none;
  }
}

nav .sns img {
  height: 30px;
  -webkit-transition: .3s;
  transition: .3s;
}

@media (max-width: 576px) {
  nav .sns img {
    height: 20px;
  }
}

nav.active {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

nav.navbar {
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 1);
  -webkit-transition: .1s;
  transition: .1s;
  padding: 0;
}

@media (max-width: 576px) {
  nav.navbar {
    padding: 0 1em;
  }
}

nav.navbar.scrl {
  padding: 0;
}

nav.navbar.scrl .navbar-brand {
  padding: .2em 0;
}

@media (max-width: 576px) {
  nav.navbar.scrl .navbar-brand {
    padding: .4em 0;
  }
}

nav.navbar.scrl .sns {
  top: 0;
}

@media (max-width: 767px) {
  nav.navbar-inverse .navbar-brand small {
    display: none;
  }
}

@media (max-width: 576px) {
  nav.navbar.scrl .sns {
    padding: 0.3em 0;
  }
}

nav.navbar.scrl .sns img {
  height: 20px;
}

@media (max-width: 576px) {
  nav.navbar.scrl {
    padding: 0 1em;
  }
}

nav.navbar-inverse .navbar-brand {
  padding: .5em 0;
  -webkit-transition: .3s;
  transition: .3s;
}

nav.navbar-inverse .navbar-brand a {
  color: #fff;
}

@media (max-width: 576px) {
  nav.navbar-inverse .navbar-brand {
    font-size: 17px;
    padding-top: 1em;
  }
}

nav.navbar-inverse .navbar-toggler {
  border: 0px;
  outline: none;
  position: relative;
  z-index: 3;
  padding: 0.8em;
  -webkit-transition: .1s;
  transition: .1s;
}

@media (max-width: 576px) {
  nav.navbar-inverse .navbar-toggler {
    padding-right: 0;
  }
}

nav.navbar-inverse .navbar-toggler.scrl {
  padding: .5em;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
}

@media (max-width: 576px) {
  nav.navbar-inverse .navbar-toggler.scrl {
    padding: 0.3em 0 0.6em;
  }
}

nav.navbar-inverse .navbar-toggler:hover {
  cursor: pointer;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
}

nav.navbar-inverse .navbar-toggler:hover.scrl {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

nav.navbar-inverse .navbar-toggler-icon {
  position: relative;
  height: 2px;
  background-image: none;
  background-color: #fff;
}

nav.navbar-inverse .navbar-toggler-icon:before,
nav.navbar-inverse .navbar-toggler-icon:after {
  content: "";
  background-color: #fff;
  height: 2px;
  width: 1.5em;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: .3s;
  transition: .3s;
}

nav.navbar-inverse .navbar-toggler-icon:before {
  top: -10px;
}

nav.navbar-inverse .navbar-toggler-icon:after {
  top: 10px;
}

nav.navbar-inverse .navbar-toggler-icon.active {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

nav.navbar-inverse .navbar-toggler-icon.active:before {
  opacity: 0;
}

nav.navbar-inverse .navbar-toggler-icon.active:after {
  -webkit-transform: translateY(-10px) rotate(-90deg);
  transform: translateY(-10px) rotate(-90deg);
}

.bnr {
  margin-bottom: -3em;
}

@media (max-width: 767px) {
  .bnr.ft-bnr {
    margin-bottom: auto;
  }
}

.bnr a {
  -webkit-transition: .2s;
  transition: .2s;
}

.bnr a:hover {
  opacity: .85;
}

.bnr img {
  width: 740px;
}

@media (max-width: 768px) {
  .bnr img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .bnr .col-md-12 {
    padding: 0 12.5px;
  }
}

.trailer p {
  font-size: 16px;
  text-align: center;
}

@media (max-width: 576px) {
  .trailer p {
    font-size: 15px;
  }
}

.trailer p span {
  color: #f78122;
  font-weight: 700;
}

.trailer-list {
  font-style: italic;
}

.trailer-list py-3 {
  padding: 45px 0 !important;
}

.trailer-list .align-self-center {
  border-right: 1px solid #4a4a4a;
}

.trailer-list .container {
  width: 100%;
}

.trailer-list .row {
  border-bottom: 1px solid #4a4a4a;
}

.trailer-list .row .col-md-6 {
  background: -webkit-gradient(linear, right top, left top, from(#000), to(#212121));
  background: linear-gradient(to left, #000, #212121);
  background: -moz-linear-gradient(left, #000, #212121);
  background: -webkit-gradient(linear, left top, right top, from(#000), to(#212121));
  position: relative;
  height: 120px;
  padding: 0;
}

@media (max-width: 576px) {
  .trailer-list .row .col-md-6 {
    height: 90px;
  }
}

.trailer-list .row .col-md-6 a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
}

.trailer-list .row .col-md-6 a:hover {
  text-decoration: none;
  opacity: .7;
  -webkit-transition: .3s;
  transition: .3s;
}

.trailer-list .row .col-md-12 {
  background: -webkit-gradient(linear, right top, left top, from(#000), to(#212121));
  background: linear-gradient(to left, #000, #212121);
  background: -moz-linear-gradient(left, #000, #212121);
  background: -webkit-gradient(linear, left top, right top, from(#000), to(#212121));
  position: relative;
  height: 120px;
  padding: 0;
}

@media (max-width: 576px) {
  .trailer-list .row .col-md-12 {
    height: 90px;
  }
}

.trailer-list .row .col-md-12 a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
}

.trailer-list .row .col-md-12 a:hover {
  text-decoration: none;
  opacity: .7;
  -webkit-transition: .3s;
  transition: .3s;
}

.trailer-list .row h3 {
  text-align: center;
  font-family: 'YuGothic', 'Yu Gothic', Hiragino Sans, 'ヒラギノ角ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 30px;
}

@media (max-width: 768px) {
  .trailer-list .row h3 {
    font-size: 22px;
  }
}

@media (max-width: 576px) {
  .trailer-list .row h3 {
    text-align: left;
    font-size: 20px;
    padding-left: 1em;
  }
}

@media (max-width: 576px) {
  .trailer-list .row {
    border: 0px;
  }
}

.trailer-list span {
  font-family: lato;
  color: #fefefe;
  font-weight: 100;
  margin-right: 0.3em;
}

.trailer-list .cs {
  color: #aaa;
}

.trailer-list .cs span {
  color: #aaa;
}

@media (max-width: 767px) {
  .trailer-list .align-self-center {
    border: 0px;
  }
  .trailer-list .row div {
    border-bottom: 1px solid #4a4a4a;
  }
}
/*-------------TOPICS-------------*/
#topics {
  padding: 80px 0;
  margin-top: -50px;
  z-index: 2; }
  #topics * {
    transition: none; }
#topics p{font-weight: normal;}
    #topics ul {
        max-width: 730px;
        margin: 30px auto 0;
        width: 80%;
        padding: 0; }
    #topics ul li {
      border-bottom: 1px solid #C3C3C3;
      padding-bottom: 10px;
      margin-bottom: 15px;
      list-style: none;
      clear: both;
      overflow: hidden;
      display: block;
      align-items: flex-start;
      flex-direction: column; }
      #topics ul li:after {
        content: "";
        display: block;
        clear: both; }
      #topics ul li .date {
        line-height: 1.4;
        margin-right: 15px;
        width: 17.5%;
        float: left;
        text-align: right;
        color: #868686;
        font-size: 22px;
        margin-bottom: 5px;}
        #topics ul li .date span {
          display: block;
          text-align: right;
          font-size: 16px;
          color: #C30000;
          margin-left: .5em;}
      #topics ul li .txt {
        width: 80%;
        float: right; 
        margin-bottom: 15px;}
      #topics ul li a.block {
        width: 80%;
        display: block;
        float: right; }
      #topics ul li img{
        width: 75%;
        display: block;
        margin-bottom: 10px;}
      #topics ul li .txt_box{
        float: right;
        width: 100%}
      #topics ul li a {
        text-decoration: underline !important;
        color: #444 !important;}
      #topics ul li a:hover{opacity:.7  !important;}
     #topics ul li .t-title {
        font-size: 16px;
        font-weight: 700; 
        margin-bottom: 5px;}
      #topics ul li .t-subtitle {
        font-size: 14px;
        margin-bottom: 5px; }
      #topics ul li .t-date {
        font-size: 12px;
        line-height: 1.4; }
    #topics ul.more {
      display: none; }
  #topics .btn {
    margin-top: 30px; }
@media (max-width: 767px) {
       #topics ul li .txt {
        width: 100%;
        float: right;
        margin-bottom: 15px;}
      #topics ul li a.block {
        width: 100%; }
      #topics ul li img {
        width: 40%;
        display: block;
        margin: 10px 0;
        float: left; }
        #topics ul li .txt_box{
        float: right;
        width: 57%}
      #topics ul li .t-title {
        margin-bottom: 0; }
}
/*-------------movie-------------*/
.movie {
  position: relative;
  height: 600px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .movie {
    height: 350px;
  }
}

@media (max-width: 576px) {
  .movie {
    height: 300px;
  }
}

.movie .col-md-12 {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0;
}

.movie h3 {
  color: #fff;
  line-height: 1.4;
  font-weight: 700;
  font-size: 35px;
  vertical-align: middle;
  font-family: 'YuGothic', 'Yu Gothic', Hiragino Sans, 'ヒラギノ角ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
  display: inline-block;
  margin-bottom: 0;
}

.movie h3 br.aa {
  display: none;
}

@media (max-width: 1024px) {
  .movie h3 {
    font-size: 28px;
  }
}

@media (max-width: 768px) {
  .movie h3 {
    font-size: 20px;
  }
}

@media (max-width: 576px) {
  .movie h3 {
    padding: 0 .5em;
    font-size: 18px;
  }
  .movie h3 br.aa {
    display: block;
  }
}

@media (max-width: 320px) {
  .movie h3 {
    top: 20px !important;
  }
}

.movie .slider {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {
  .movie .slider {
    font-size: 60px;
  }
}

@media (max-width: 320px) {
  .movie .slider {
    top: -.5em;
  }
}

.movie .slider .slick-track {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.movie .slider p {
  color: #fff;
  font-size: 18px;
  text-align: center;
  margin-top: .5em;
}

@media (max-width: 576px) {
  .movie .slider p {
    margin-top: .5em;
    font-size: 12px;
  }
}

.movie .slider .slick-prev .slick-arrow {
  display: none;
}

.movie .video video {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

@media (max-width: 576px) {
  .movie .video video {
    width: auto;
    height: 100%;
  }
}

.movie div.arrowmovie {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 100px;
  height: 100%;
}

@media (max-width: 576px) {
  .movie div.arrowmovie {
    width: 0;
  }
}

.movie div.arrowmovie.left {
  left: 0;
}

.movie div.arrowmovie.left:after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 30px;
  top: 45%;
  margin-top: -30px;
}

@media (max-width: 768px) {
  .movie div.arrowmovie.left:after {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 576px) {
  .movie div.arrowmovie.left:after {
    display: none;
  }
}

.movie div.arrowmovie.right {
  right: 0;
}

.movie div.arrowmovie.right:after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  right: 30px;
  top: 45%;
  margin-top: -30px;
}

@media (max-width: 768px) {
  .movie div.arrowmovie.right:after {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 576px) {
  .movie div.arrowmovie.right:after {
    display: none;
  }
}

.movie div.arrowmovie:hover {
  cursor: pointer;
}

.movie p.caption {
  position: absolute;
  right: 1em;
  bottom: 0;
  color: #bfbfbb;
  font-size: 12px;
}

@media (max-width: 576px) {
  .movie p.caption {
    font-size: 10px;
  }
}

.cv div {
  position: relative;
}

.cv .px-3 {
  margin-bottom: 0 !important;
}

@media (max-width: 576px) {
  .cv .px-3 {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

.cv a {
  color: #666;
}

@media (max-width: 576px) {
  .cv .pc p {
    text-align: left;
  }
  .cv .pc p.credit {
    font-size: 12px;
  }
  .cv .pc p.price br {
    display: block;
  }
  .cv .pc a {
    float: left;
    text-decoration: underline !important;
    font-size: 12px;
  }
  .cv .pc a img {
    width: 20px;
    margin-right: .5em;
  }
}

.cv .pc div.flex1 {
  float: right;
  width: 30%;
}

@media (max-width: 576px) {
  .cv .pc div.flex1 {
    float: left;
    width: 40%;
    margin-left: 6%;
  }
}

@media (max-width: 576px) {
  .cv .pc div.flex1 p {
    text-align: right;
  }
}

.cv .pc div.flex2 {
  float: left;
  width: 70%;
  padding-right: 10%;
  margin-top: 5%;
}

@media (max-width: 1024px) {
  .cv .pc div.flex2 {
    margin-top: 3%;
  }
}

@media (max-width: 576px) {
  .cv .pc div.flex2 {
    float: right;
    width: 100%;
    padding: 0 0 5%;
    margin-top: 0;
  }
}

.cv .pc div.flex3 {
  float: right;
  width: 70%;
  padding-right: 15%;
  margin-top: 5%;
}

@media (max-width: 1024px) {
  .cv .pc div.flex3 {
    margin-top: 0;
  }
}

@media (max-width: 576px) {
  .cv .pc div.flex3 {
    margin-top: 3%;
    padding: 0 0 0 5%;
    width: 54%;
  }
}

.cv .pc div h3 {
  position: relative;
}

.cv .pc div h3 img {
  width: 90%;
}

@media (max-width: 576px) {
  .cv .pc div h3 img {
    width: 80%;
  }
}

.cv .pc div h3 img.splash {
  width: 100%;
}

@media (max-width: 1024px) {
  .cv .pc div h3 img.splash {
    top: -80px;
    width: 90%;
    margin: 0;
  }
}

@media (max-width: 576px) {
  .cv .pc div h3 img.splash {
    top: 0;
    margin: auto;
    width: 100%;
  }
}

.cv .pc div img.book {
  width: 100%;
}

.cv img.cv-title {
  width: 100%;
}

@media (max-width: 576px) {
  .cv img.cv-title {
    width: 80%;
  }
}

.cv img.book {
  width: 100%;
}

.cv p {
  text-align: right;
}

.cv p.credit {
  font-size: 12px;
}

.cv p.price br {
  display: block;
}

.cv a {
  float: right;
  text-decoration: underline !important;
}

.cv a img {
  width: 30px;
  margin-right: .5em;
}

.tips .row div {
  background-color: #efeee8;
}

.tips h4 {
  font-size: 22px;
  font-weight: 700;
}

.tips li {
  position: relative;
  text-align: left;
  margin-bottom: 2em;
  padding: 0 1em 0 2em;
  font-size: 14px;
  list-style: none;
  -webkit-font-feature-settings: "pkna";
  font-feature-settings: "pkna";
  text-align: justify;
}

.tips li:before {
  top: -5px;
  left: 10px;
  position: absolute;
  font-weight: 100;
  content: "#";
  display: inline-block;
  font-size: 24px;
}

@media (max-width: 480px) {
  #topicks ul {
    height: 400px;
    overflow: scroll;
  }
}

.media h3 {
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  margin: .5em 0;
}

@media (max-width: 576px) {
  .media h3 {
    font-size: 15px;
    margin-bottom: 5px;
    padding-top: 0 !important;
    margin: 0;
  }
  .media .container{
    width: 100%;

}
}

.media .media-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.media .column {
  border-right: 1px solid #ccc;
  margin: 1em 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.media .column .med-img img {
  width: 100%;
}

.media .col-lg-6:nth-child(even) {
  border-right: 0px;
}

.media .col-lg-4:nth-child(3) {
  border-right: 0px;
}

.media .col-lg-4:nth-child(6) {
  border-right: 0px;
}

.media .col-lg-4:nth-child(9) {
  border-right: 0px;
}

.media .col-lg-4:last-child {
  border-right: 0px;
}

@media (max-width: 1023px) {
  .media .col-md-6:nth-child(even) {
    border-right: 0px;
  }
}

@media (max-width: 767px) {
  .media .column .med-img {
    width: 40%;
    float: left;
  }
  .media .column .med-txt {
    width: 57%;
    float: left;
    margin-left: 3%;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .media .column {
    border-left: 0 !important;
    border-bottom: 1px solid #ccc;
    border-right: 0;
    margin: .2em 5%;
    padding: .5em 0;
  }
}

.media p.subtitle {
  text-align: left;
  font-weight: 500;
  padding: 0;
}

@media (max-width: 767px) {
  .media p {
    font-size: 10px;
    padding-top: 5px;
    margin-bottom: 5px;
    clear: both;
  }
  .media p.subtitle {
    font-size: 12px;
    line-height: 1.4;
    text-indent: 0;
  }
  .media p.pt-0 {
    margin-left: 43%;
  }
}
#moment {
  width: 100%;
  max-width: 555px;
  margin: -50px auto 0;
  padding-top: 80px;
}
  #moment .moment_over {
    background-color: #edf6f8;
    padding: 15px;
}
  #moment .moment_wrap {
    max-height: 900px;
    overflow-y: hidden;
    transition: 1s;
    margin: 0 auto 10px;
    width: 450px;
}
@media (max-width: 500px){
  #moment .moment_wrap{
    width: 100%;
  }
}
#moment .moment_wrap.opn {
  max-height: 5000px;
}
.more_btn:hover {
    background-color: #444;
    color: #fff !important;
    cursor: pointer; }
.more_btn {
  padding: 10px 0;
  border: 1px solid #444;
  border-radius: 30px;
  display: block;
  width: 50%;
  max-width: 180px;
  text-align: center;
  margin: 15px auto 0;
  font-size: 12px;
  transition: .3s;
  color: #444; }
/*
.media .twitter-frame {
  padding: 2em 3em;
  background-color: #edf6f8;
  width: 50%;
  margin: auto;
}

.media .twitter-frame a {
  color: #00b0eb;
  display: inline;
}

@media (max-width: 1200px) {
  .media .twitter-frame {
    width: 100%;
    padding: 10px;
  }
}

.media .twitter-frame p {
  text-align: center;
  font-size: 25px;
}

.media .twitter-frame p a {
  font-size: 120%;
}

@media (max-width: 1024px) {
  .media .twitter-frame p {
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  .media .twitter-frame p {
    text-align: left;
    font-size: 16px;
  }
  .media .twitter-frame p br {
    display: none;
  }
}
*/
.media a {
  text-decoration: none;
  color: #333;
  display: block;
}

.profile {
  background-color: #efeee8 !important;
}

.profile h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: left;
  line-height: 1.4;
}

.profile h3 br {
  display: none;
}

@media (max-width: 576px) {
  .profile h3 {
    text-align: center;
    font-size: 20px;
    margin-top: 0.5em;
  }
  .profile h3 br {
    display: block;
  }
}

.profile p {
  font-size: 16px;
  line-height: 1.9;
}

.profile p.subp {
  font-size: 14px;
  line-height: 1.6;
}

.profile .prof-blk p {
  font-size: 12px;
}

@media (max-width: 576px) {
  .profile .prof-blk {
    width: 80%;
    margin: auto;
  }
}

.profile .bio button {
  position: relative;
  width: 100%;
  background-color: #e3dfd1;
  border: 0;
  color: #333;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 3em;
  -webkit-transition: .3s;
  transition: .3s;
}

.profile .bio button:after {
  display: inline-block;
  content: "＋";
  padding: 3px;
  line-height: 1;
  background-color: #fff;
  color: #a09e8f;
  position: absolute;
  top: 10px;
  margin-left: 10px;
}

.profile .bio button:hover {
  opacity: .7;
  cursor: pointer;
}

.profile .bio button.active:after {
  content: "ー";
}

.profile .bio #bio-toggle {
  background-color: #fff;
  border: 1px solid #e3dfd1;
  padding: 1em 2em;
  display: none;
}

@media (max-width: 576px) {
  .profile .bio #bio-toggle {
    padding: 1em;
  }
}

.profile .bio #bio-toggle.active {
  display: block;
}

.profile .bio #bio-toggle ul {
  position: relative;
}

.profile .bio #bio-toggle ul:before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #a09e8f;
  position: absolute;
  left: 82px;
  top: 10px;
}

.profile .bio #bio-toggle ul li {
  position: relative;
  list-style: none;
  text-align: left;
}

.profile .bio #bio-toggle ul li p {
  display: table-cell;
  font-size: 14px;
  line-height: 1.6;
}

.profile .bio #bio-toggle ul li p.txt {
  padding-left: 3em;
  text-indent: 0em;
}

@media (max-width: 576px) {
  .profile .bio #bio-toggle ul li p.txt {
    padding-left: 2em;
  }
}

.profile .bio #bio-toggle ul li p.year {
  font-size: 30px;
  color: #b4af89;
  font-family: lato;
  margin-right: 1em;
  font-weight: 300;
}

.profile .bio #bio-toggle ul li p.year span {
  position: absolute;
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 6px;
  background-color: #a09e8f;
  top: 30px;
  left: 80px;
}

.profile .bio #bio-toggle ul li a {
  position: relative;
  display: table-cell;
  padding: 5px 20px 5px 10px;
  background-color: #000;
  color: #fff;
  font-style: italic;
  text-decoration: underline;
}

.profile .bio #bio-toggle ul li a:hover {
  opacity: .7;
}

@media (max-width: 576px) {
  .profile .bio #bio-toggle ul li a {
    font-size: 12px;
  }
  .profile .bio #bio-toggle ul li a:after {
    widows: 7px;
    height: 7px;
  }
}

.profile .bio #bio-toggle ul li a.cs {
  text-decoration: none;
  opacity: .4;
}

.profile .bio #bio-toggle ul li a:after {
  position: absolute;
  display: block;
  content: "";
  border: 1px solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  height: 10px;
  width: 10px;
  top: 11px;
  right: 10px;
}

#pageTop {
  width: 100%;
  position: relative;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  z-index: 10;
}

#pageTop a {
  width: 100%;
  display: block;
  font-size: 15px;
  z-index: 999;
  padding: .5em;
  background-color: #313131;
  text-align: center;
  color: #fff;
  position: relative;
  bottom: 0;
  right: 0;
  margin: 0;
  line-height: 1.5em;
  -webkit-transition: .3s;
  transition: .3s;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.8;
  -webkit-transition: .3s;
  transition: .3s;
}

#footer p {
  text-align: center;
  margin-bottom: 0;
  font-size: 12px;
}

#footer p.ft-title {
  font-size: 18px;
}

.distortion {
  margin: auto;
  -webkit-animation: transform 2s steps(5) 2, glitch 1s 3;
  animation: transform 2s steps(5) 2, glitch 1s 3;
}

@-webkit-keyframes glitch {
  45% {
    -webkit-filter: none;
    filter: none;
  }
  46% {
    -webkit-filter: url(#dist-01);
    filter: url(#dist-01);
  }
  47% {
    -webkit-filter: url(#dist-02);
    filter: url(#dist-02);
  }
  48% {
    -webkit-filter: url(#dist-03);
    filter: url(#dist-03);
  }
  50% {
    -webkit-filter: none;
    filter: none;
  }
  95% {
    -webkit-filter: none;
    filter: none;
  }
  96% {
    -webkit-filter: url(#dist-02);
    filter: url(#dist-02);
  }
  97% {
    -webkit-filter: url(#dist-04);
    filter: url(#dist-04);
  }
}

@keyframes glitch {
  45% {
    -webkit-filter: none;
    filter: none;
  }
  46% {
    -webkit-filter: url(#dist-01);
    filter: url(#dist-01);
  }
  47% {
    -webkit-filter: url(#dist-02);
    filter: url(#dist-02);
  }
  48% {
    -webkit-filter: url(#dist-03);
    filter: url(#dist-03);
  }
  50% {
    -webkit-filter: none;
    filter: none;
  }
  95% {
    -webkit-filter: none;
    filter: none;
  }
  96% {
    -webkit-filter: url(#dist-02);
    filter: url(#dist-02);
  }
  97% {
    -webkit-filter: url(#dist-04);
    filter: url(#dist-04);
  }
}

@-webkit-keyframes transform {
  0% {
    -webkit-transform: translate(-5%, -5%) skew(-10deg) scale(1.05);
    transform: translate(-5%, -5%) skew(-10deg) scale(1.05);
  }
  1% {
    -webkit-transform: none;
    transform: none;
  }
  88% {
    -webkit-transform: none;
    transform: none;
  }
  89% {
    -webkit-transform: translate(5%, 10%) scale(1.05);
    transform: translate(5%, 10%) scale(1.05);
  }
  90% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes transform {
  0% {
    -webkit-transform: translate(-5%, -5%) skew(-10deg) scale(1.05);
    transform: translate(-5%, -5%) skew(-10deg) scale(1.05);
  }
  1% {
    -webkit-transform: none;
    transform: none;
  }
  88% {
    -webkit-transform: none;
    transform: none;
  }
  89% {
    -webkit-transform: translate(5%, 10%) scale(1.05);
    transform: translate(5%, 10%) scale(1.05);
  }
  90% {
    -webkit-transform: none;
    transform: none;
  }
}

nav.nav_trailer {
  position: relative;
  background-color: #000;
}

#trail-page {
  position: relative;
  width: 100%;
  height: calc(100% - 159px);
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}

#trail-page::-webkit-scrollbar {
  display: none;
}

@media (max-width: 480px) {
  #trail-page {
    height: calc(100vh - 135px);
  }
}

#trail-container {
  height: 100%;
  max-height: 600px;
  padding: 15px 0;
  margin: auto 0;
  opacity: 0;
}

@media (max-width: 768px) {
  #trail-container {
    opacity: 1;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #trail-container {
    opacity: 1;
  }
}

#trail-container h1 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 1.5em;
  font-family: 'YuGothic', 'Yu Gothic', Hiragino Sans, 'ヒラギノ角ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}

#trail-container h1 span {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
  text-align: center;
  position: relative;
  left: -2px;
}

@media (max-width: 480px) {
  #trail-container h1 span {
    left: 0;
  }
}

#trail-container p {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-size: 16px;
  line-height: 2;
  margin-left: 2em;
  margin-bottom: 0;
  font-family: 'YuGothic', 'Yu Gothic', Hiragino Sans, 'ヒラギノ角ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}

#trail-container p.trail-lead {
  background-color: #efeee8;
  padding: 1em;
}

#trail-container p span {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
  text-align: center;
}

@media all and (-ms-high-contrast: none) {
  #trail-container p span {
    -webkit-transform: none;
    transform: none;
    display: inline;
  }
}

@supports (-ms-ime-align: auto) {
  #trail-container p span {
    -webkit-transform: none;
    transform: none;
    display: inline;
  }
}

@media (max-width: 480px) {
  #trail-container p {
    font-size: 16px;
    line-height: 1.8;
  }
}

#trail-container a {
  font-family: 'YuGothic', 'Yu Gothic', Hiragino Sans, 'ヒラギノ角ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
  font-weight: 500;
  font-size: 15px;
  font-weight: bold;
  color: #666;
  margin-left: 2em;
}

#trail-container a span {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  display: inline-block;
  text-align: center;
}

#trail-container a.trail-prev {
  float: left;
}

#trail-container a.trail-next {
  float: right;
}

#trail-container a:hover {
  text-decoration: none;
  color: #aaa;
}

.tr-fade {
  opacity: 0;
}

.trail-ft {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
}

@media (max-width: 480px) {
  .trail-ft {
    display: none;
  }
}
/*-------------------------------------------------------------------------
  #abc
/*-----------------------------------------------------------------------*/
nav#abc {
  background-color: #000;
}

nav#abc.scrl {
  background-color: rgba(0, 0, 0, 0.6);
}

#abc h2 {
  font-size: 90px;
}

@media (max-width: 768px) {
  #abc h2 {
    font-size: 50px;
  }
}

@media (max-width: 480px) {
  #abc h2 {
    font-size: 27px;
  }
}

#abc h2 span {
  color: #e31a1a;
}

#abc p {
  font-size: 20px;
}

@media (max-width: 480px) {
  #abc p {
    font-size: 14px;
  }
}

#abc img.splash {
  width: 60%;
  top: -100px;
}

@media (max-width: 1024px) {
  #abc img.splash {
    top: -70px;
  }
}

@media (max-width: 480px) {
  #abc img.splash {
    width: 80%;
    top: 30px;
  }
}

#abc h3 {
  width: 60%;
  margin: auto;
}

@media (max-width: 480px) {
  #abc h3 {
    width: 90%;
  }
}

#story h4 {
  font-family: 'YuGothic', 'Yu Gothic', Hiragino Sans, 'ヒラギノ角ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
  font-weight: 700;
  font-size: 32px;
  text-indent: -.6em;
  padding-left: .6em;
}

@media (max-width: 768px) {
  #story h4 {
    font-size: 24px;
  }
}

#story p {
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
}

#story p.caption {
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 3em;
}

@media (max-width: 480px) {
  #story p.caption.photo3 {
    text-align: center;
  }
}

#story img {
  width: 100%;
}

@media (max-width: 480px) {
  #story img {
    width: 100%;
  }
}

#story img.photo3 {
  width: 70%;
}

@media (max-width: 1024px) {
  #story img.photo3 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  #story img.photo3 {
    width: 80%;
  }
}

#abcnav a img {
  width: 180px;
}

@media (max-width: 480px) {
  #abcnav a img {
    width: 100px;
  }
}

/*-------------------------------------------------------------------------
  #bookstore
/*-----------------------------------------------------------------------*/

.pt-2 {
  background-image: url(../contents/bookstore/images/mv_pop_top.png);
  background-repeat: repeat-x;
  background-size: 110%;
}

#mv_pop_fl {
  position: absolute;
  left: 0;
  top: 1%;
  width: 28%;
}

#mv_pop_fr {
  float: right;
  position: absolute;
  right: 0;
  top: 1%;
  width: 25%;
}

.clear {
  clear: both;
}

#Application_Guidelines {
  width: 1110px;
  margin: 0 auto;
}

#Application_Guidelines article {
  background-color: #ffffff;
  padding: 10px 25px;
  position: relative;
  -webkit-box-shadow: 10px 10px 10px #553919a8;
  box-shadow: 10px 10px 10px #553919a8;
  overflow: hidden;
}

.print p {
  text-align: center;
}

.dent {
  -webkit-box-shadow: 0 0 5px 3px #5f3108;
  box-shadow: 0 0 5px 3px #5f3108;
  padding: 20px;
  background-color: #592a0180;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

#book_pop_lead .print {
  width: 90%;
  margin: 30px auto;
}

#book_store_container {
  width: 100%;
  background-image: url(../contents/bookstore/images/cork.jpg);
  background-repeat: repeat;
}

#Application_Guidelines .pin {
  width: 40px;
  position: absolute;
}

#Application_Guidelines .pin_center {
  left: 50%;
}

#Application_Guidelines .pin_left {
  left: 30px;
  top: 5px;
}

#Application_Guidelines .pin_right {
  top: 5px;
  right: 5px;
}

#Application_Guidelines .emblem {
  position: absolute;
  top: 0;
  left: 80px;
}

#pop_lead {
  font-size: 18px;
}

#book_pop_lead h3 img {
  width: 65%;
}

#book_pop_lead h2 img {
  margin-top: 25%;
  width: 50%;
}

#book_pop_lead p img {
  width: 500px;
}

#award_1 h3 img {
  width: 600px;
  margin: 0 auto;
}

#award_1 h4 {
  margin: 40px auto;
  font-weight: bold;
}

#award_1 .dent .picture {
  width: 600px;
  margin-bottom: 20px;
}

#award_1 span,
#award_2 .dent article span,
#award_3 .award_3_inner p span,
#award_4 .dent p span {
  font-weight: bold;
  background: url(../contents/bookstore/images/bg_line_02.png) no-repeat center bottom;
  background-size: 100% 10px;
}

#award_1 span {
  font-size: 24px;
}

#award_1 p {
  width: 90%;
  margin: 0 auto;
}

#pop_lead {
  font-size: 28px;
  letter-spacing: -0.5px;
  font-weight: bold;
  padding-top: 70px;
}

#book_pop_lead .print span {
  color: #ff0000;
}

.print span {
  font-size: 24px;
  font-weight: bold;
}

#award_last .print span {
  border-bottom: 2px solid #f10808;
}

#award_last article {
  width: 70%;
  margin: 30px auto;
}

#award_last article p {
  padding-top: 70px;
}

#award_2 h3 img,
#award_3 h3 img,
#award_4 h3 img {
  margin: 0 auto;
  width: 250px;
}

/*#award_2 article {
  width: 48%;
}*/

#award_2 .picture {
  width: 95%;
  margin: 0 auto;
}
#Application_Guidelines #award_2 .dent{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#Application_Guidelines #award_2 .dent article {
  /*float: left;*/
    margin: 0px 1% 20px 1%;
    max-width: 48%;
}
#Application_Guidelines .emblem_2 {
  position: absolute;
  top: 0;
  left: 5px;
}

#award_2 h4 {
  font-size: 20px;
  position: relative;
  left: 30px;
  top: 10px;
  margin-bottom: 40px;
  font-weight: bold;
  padding-top: 70px;
}

#award_2 .dent article span {
  font-size: 22px;
}

/*#Application_Guidelines #award_2_right {
  position: absolute;
  top: 20px;
  right: 20px;
}*/

#award_3 .award_3_inner p span {
  font-size: 20px;
}

#award_3 h4,
#award_4 h4 {
  font-size: 20px;
  font-weight: bold;
  padding-top: 80px;
}

#award_3 .dent article {
  width: 85%;
  overflow: hidden;
  clear: both;
  margin-bottom: 20px;
}

#award_3 .dent .award_3_left .award_3_inner {
  margin-left: 70px;
}

#award_3 .dent .award_3_right .award_3_inner {
  margin-right: 70px;
}

#award_3 .dent .award_3_left .award_3_inner h4 {
  text-align: right;
}

#award_3 .dent .award_3_left .award_3_inner img {
  width: 45%;
  float: left;
  margin-right: 10px;
  margin-top: -30px;
  margin-bottom: 20px;
}

award_3_right .award_3_inner h4 {
  float: right;
  font-size: 18px;
  margin: 10px auto;
}

#award_3 .dent .award_3_right {
  float: right;
}

#award_3 .dent .award_3_right .emblem_3 {
  position: absolute;
  right: 5px;
  top: 0;
}

#award_3 .dent .award_3_right .award_3_inner img {
  float: right;
  width: 40%;
  margin-top: -100px;
}

.inner_right {
  float: right;
}

.inner_left {
  float: left;
}

#award_3 .dent .award_3_left .award_3_inner .inner_right {
  width: 52%;
}

#award_3 .dent .award_3_right .award_3_inner .inner_left {
  width: 58%;
}

#award_4_4 {
  clear: both;
}
#award_4 .dent{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#award_4 .dent article {
  /*float: left;*/
  margin:0px 10px 20px 10px;
  -webkit-flex-grow: 1;
    flex-grow: 1;
    width:30%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*
#award_4 .dent .print_vertical {
  width: 32.5%;
  margin: 0 4px 20px 3px;
}*/

#award_4 .dent .print_horizontal {
  width: 65%;
  margin: 0 4px 20px 3px;
  max-height: 500px;
}

#award_4 .dent .print_horizontal p img {
  float: right;
  width: 40%;
}

#award_4 .dent .print_horizontal .inner_left {
  width: 58%;
}

#award_4 .dent p img {
  width: 95%;
}

#award_4 .dent p span {
  font-size: 18px;
}

#book_pop_INFORMATION h3 img {
  width: 750px;
}

#book_pop_INFORMATION h5 img {
  width: 250px;
}

#book_pop_INFORMATION p span {
  font-size: 38px;
  font-weight: bold;
}

#book_pop_INFORMATION .dent .inner_right {
  width: 50%;
}

#book_pop_INFORMATION .dent .inner_right {
  width: 50%;
}

#book_pop_INFORMATION #information_lead {
  font-size: 20px;
  margin: 100px auto;
}

#book_pop_INFORMATION .dent .inner_left {
  width: 45%;
}

#book_pop_INFORMATION .dent .inner_left img {
  width: 100%;
  -webkit-box-shadow: 5px 5px 10px #565452a8;
  box-shadow: 5px 5px 10px #565452a8;
}

#book_pop_INFORMATION .dent article {
  padding-top: 90px;
}

#book_pop_INFORMATION_2 .dent article {
  margin-bottom: 30px;
}

.pop_contact {
  background-color: #aca8a8;
  padding: 20px 30px 10px;
  color: #ffffff;
}

.pop_contact p {
  font-size: 20px;
}

#exclusive_book img {
  width: 50%;
  margin: 0 auto;
  float: right;
}

#exclusive_book {
  background-color: #bba163;
  clear: both;
  overflow: hidden;
  padding: 30px;
}

#exclusive_book p {
  width: 45%;
  float: left;
  background-color: #fbf5f5ad;
  padding: 10px;
  margin-top: 30px;
}

#exclusive_book p span {
  font-size: 24px;
}

.red {
  color: #ff0000;
}

#exclusive_copy {
  font-size: 24px!important;
  font-weight: bold;
  border-bottom: 2px solid #ff0000;
}

#book_pop_INFORMATION_2 img {
  width: 100%;
  margin: 0 auto;
}

#exclusive_Btn {
  background-color: #eda606;
  border-radius: 5px;
  width: 50%;
  margin: 0 auto;
}

#exclusive_Btn a {
  font-size: 20px;
  display: block;
  color: #fff;
  padding: 15px 0;
  text-align: center;
  border-radius: 5px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-shadow: 5px 5px 10px #553919a8;
  box-shadow: 5px 5px 10px #553919a8;
  text-decoration: none;
}

#exclusive_Btn:hover {
  opacity: 0.7;
}

.sp_display {
  display: none;
}

.lightgallery-gallery > ul {
  margin-bottom: 0;
}

.lightgallery-gallery > ul > li {
  float: left;
  margin-bottom: 15px;
  width: 25%;
  list-style-type: none;
}

.lightgallery-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}

.lightgallery-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  transition: -webkit-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.gallery_thumbnail {
  overflow: hidden;
  position: relative;
}

.gallery_thumbnail .caption_title {
  font-size: 20px;
  color: #fff;
}

.gallery_thumbnail .caption_sub {
  font-size: 16px;
  color: #fff;
}

.gallery_thumbnail .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 200%;
  /* 枠の上に置いて表示させない */
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-top: 35%;
}

.gallery_thumbnail:hover .mask {
  top: 0;
  /* 上に上がるように見せる */
}

@media (max-width: 1200px) {
  #pop_book {
    display: none;
  }
  #pop_Guidelines {
    width: 95%;
    margin: 0 auto 0 20px;
  }
  #Application_Guidelines .pc_display {
    display: none;
  }
  #Application_Guidelines dt {
    font-size: 16px;
  }
  #Application_Guidelines dd span {
    font-size: 2em;
  }
  #Application_Guidelines dd small {
    font-size: 14px;
  }
  .Guidelines_left {
    width: 100%;
    float: left;
    margin: 0;
  }
  .Guidelines_right {
    width: 100%;
    float: none;
    clear: both;
  }
}

@media (max-width: 768px) {
  .pt-2 {
    background-size: 1000px;
  }
  #Application_Guidelines {
    width: 100%;
    margin: 0 auto;
  }
  #mv_pop_fl {
    position: absolute;
    left: -100px;
    top: 100px;
    width: 40%;
  }
  #mv_pop_fr {
    float: right;
    position: absolute;
    /* right: -80px; */
    top: 100px;
    width: 30%;
  }
  #mv_pop_top {
    width: 100%;
  }
  .print p {
    text-align: left;
  }
  #book_pop_lead h3 img,
  #book_pop_INFORMATION h4 img {
    width: 400px;
  }
  #book_pop_lead h2 img,
  #book_pop_INFORMATION h2 img {
    width: 300px;
  }
  #book_pop_lead p img {
    width: 300px;
  }
  #book_pop_INFORMATION h4 img {
    width: 90%;
  }
  #book_pop_INFORMATION h3 img {
    width: 550px;
  }
  #award_1 h3 img {
    width: 450px;
    margin: 0 auto;
  }
  #award_1 h4 {
    font-size: 20px;
  }
  #award_1 .dent .picture {
    width: 400px;
  }
  #award_2 h3 img,
  #award_3 h3 img,
  #award_4 h3 img {
    margin: 0 auto;
    width: 180px;
  }
  #award_3 .dent .award_3_right .award_3_inner img {
    margin-top: -80px;
  }
  #award_3 .dent article {
    width: 100%;
  }
  #award_3 h4,
  #award_4 h4 {
    font-size: 16px;
  }
  #award_4 .dent .print_vertical {
    width: 48%;
    margin: 0 5px 20px 5px;
  }
  #award_4 .dent .print_horizontal {
    width: 100%;
    margin: 0 auto;
    max-height: 800px;
  }
  #book_pop_INFORMATION h5 img {
    width: 150px;
  }
  #book_pop_INFORMATION p span {
    font-size: 30px;
  }
  #book_pop_INFORMATION #information_lead {
    margin: 20px auto;
  }
  #award_4_3 {
    clear: both;
  }
  #award_4_4 {
    clear: none;
  }
  #award_1 .emblem {
    width: 100px;
  }
  #award_2 .emblem_2 {
    width: 80px;
  }
  #award_2 h4 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  #exclusive_book img {
    width: 100%;
    margin: 0 auto;
  }
  #exclusive_book p {
    width: 100%;
    margin-top: 0;
  }
  .pop_contact {
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
    #book_store_container {
  width: 100%;
  background-image: url(../contents/bookstore/images/cork.jpg);
  background-repeat: repeat;
  background-size: 85%;
  }
  .pt-2 {
    background-size: 160%;
    background-position: left 50px;
  }
  #pop_book {
    display: none;
  }
  #Application_Guidelines {
    width: 100%;
    margin: 0 auto;
  }
  #Application_Guidelines .pc_display {
    display: none;
  }
#Application_Guidelines #award_2 .dent article {
    max-width: 100%;
}
  #pop_Guidelines {
    width: 95%;
    margin: 0 auto 0 5px;
  }
  .dent {
    padding: 10px;
  }
  #Application_Guidelines article {
    padding: 10px 10px;
  }

  #mv_pop_top {
    width: 150%;
    position: absolute;
    left: 0;
    top: 40px;
  }
  #mv_pop_fl {
    position: absolute;
    left: -30px;
    top: 70px;
    width: 40%;
  }
  #mv_pop_fr {
    float: right;
    position: absolute;
    right: 0;
    top: 70px;
    width: 35%;
  }
  #Application_Guidelines .pin {
    width: 20px;
  }
  #pop_lead {
    font-size: 18px;
    letter-spacing: -0.5px;
    padding-top: 40px;
  }
  #book_pop_lead h2 img {
    width: 180px;
  }
  #book_pop_INFORMATION h2 img {
    width: 250px;
  }
  #book_pop_lead h3 img {
    width: 300px;
    margin-top: 20px;
  }
  #book_pop_lead p img {
    width: 180px;
  }
  #book_pop_INFORMATION h4 img {
    width: 100%;
  }
  #book_pop_INFORMATION h3 img {
    width: 100%;
  }
  #book_pop_INFORMATION h5 img {
    width: 100px;
  }
  #Application_Guidelines .pin_left {
    left: 20px;
  }
  #award_1 .dent .picture {
    width: 100%;
  }
  #award_1 h3 img {
    width: 100%;
    margin: 0 auto;
  }
  #award_1 h4 {
    font-size: 16px;
  }
  #award_1 span {
    font-size: 16px;
  }
  #award_2 h4 {
    font-size: 16px;
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 5px;
    font-weight: bold;
    padding-top: 40px;
  }
  #award_2 .dent article span {
    font-size: 16px;
  }
  #Application_Guidelines .emblem {
    position: absolute;
    top: 45px;
    left: 5px;
    width: 50px;
  }
  #award_2 h3 img,
  #award_3 h3 img,
  #award_4 h3 img {
    margin: 0 auto;
    width: 130px;
  }
  #award_2 article {
    width: 100%;
  }
  #Application_Guidelines .emblem_2 {
    width: 50px;
  }
  #Application_Guidelines #award_2_right {
    position: relative;
    top: 10px;
    right: 0;
    margin-bottom: 20px;
  }
  #award_3 .award_3_inner p span {
    font-size: 16px;
  }
  #award_3 .dent .award_3_left .award_3_inner h4 {
    text-align: center;
  }
  #award_3 .dent .award_3_left .award_3_inner img {
    text-align: center;
    width: 100%;
    float: none;
    margin: 5px auto;
    padding-left: 40px;
  }
  #award_3 .dent .award_3_left .award_3_inner .inner_right {
    width: 100%;
  }
  #award_3 .dent .award_3_left .award_3_inner {
    margin-left: 0;
  }
  #award_3 .dent .award_3_right .award_3_inner img {
    float: right;
    width: 90%;
    margin-top: 0;
    padding-right: 40px;
  }
  #award_3 .dent .award_3_right .award_3_inner {
    margin-right: 0px;
  }
  #award_3 .dent .award_3_right .award_3_inner .inner_left {
    width: 100%;
  }
  #award_3 .dent .award_3_right .emblem_3 {
    width: 50px;
  }
  #award_3 h4,
  #award_4 h4 {
    text-align: center;
    padding-top: 40px;
  }
  #award_4 .dent .print_vertical {
    width: 100%;
    margin: 10px auto;
  }
  #award_4 .dent .print_horizontal {
    width: 100%;
    margin: 10px auto;
  }
  #award_4 .dent .print_horizontal p img {
    float: none;
    width: 70%;
  }
  #award_4 .dent .print_horizontal .inner_left {
    width: 100%;
  }
  #award_4 h4 {
    padding-top: 50px;
  }
  #book_pop_INFORMATION .dent .inner_right {
    width: 100%;
    margin-bottom: 20px;
  }
  #book_pop_INFORMATION .dent .inner_left {
    width: 100%;
  }
  #book_pop_INFORMATION #information_lead {
    font-size: 14px;
    margin: 10px auto;
  }
  #book_pop_INFORMATION p span {
    font-size: 16px;
  }
  #book_pop_INFORMATION article {
    padding-top: 40px!important;
  }
  .pop_contact p {
    font-size: 16px;
  }
  .pop_contact img {
    width: 20px;
  }
  .pop_contact {
    padding: 10px 10px 5px;
  }
  #exclusive_book {
    padding: 10px;
  }
  #exclusive_copy {
    font-size: 16px!important;
  }
  #award_last .print span {
    font-size: 18px;
  }
  #award_last article p {
    padding-top: 40px;
  }
  #exclusive_Btn {
    width: 100%;
    margin: 0 auto;
  }
  #exclusive_Btn a {
    font-size: 16px;
  }
  #book_pop_INFORMATION_2 article p img {
    margin-top: 10px;
  }
  .lightgallery-gallery > ul > li {
    float: left;
    /*width: 50%;*/
    list-style-type: none;
  }
  .print span {
    font-size: 20px;
    font-weight: bold;
  }
  #lightgallery .mb-3 {
    margin-bottom: 0.5px !important;
  }

  .gallery_thumbnail .caption_title {
    font-size: 16px;
    color: #fff;
  }
  .gallery_thumbnail .caption_sub {
    font-size: 14px;
    color: #fff;
  }
  .lg-sub-html span {
    font-size: 14px;
    margin: 5px 0 0;
    font-weight: normal;
  }
  .lg-sub-html h4 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
  }
}

@media (max-width: 1024px) {
  .sp_display {
    display: block;
  }
  .gallery_thumbnail .caption_title {
    display: none;
  }
  .gallery_thumbnail .caption_sub {
    display: none;
  }
  .gallery_thumbnail .mask {
    display: none;
  }
}

#store1 {
  background-color: #f7f7f4;
}

/*----------------------/bookstore--------------------------------*/

@media (min-width: 576px) {
  #store1 p.ja br {
    display: none;
  }
}

#store1 .col-md-4 > div {
  padding: 15px 20px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#store1 .col-md-4 > div:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

#store1 .col-md-4 > div:after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 108%;
  background: url(../contents/bookstore/images/bg.png);
  background-size: 100% 100%;
}

#store1 .col-md-4 > div p {
  position: relative;
  z-index: 2;
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 0;
  background-image: linear-gradient(#e5e5e5 1.1px, #fff 1px);
  background-size: 100% 28px;
  background-repeat: repeat-y;
  background-position: 0 -1px;
}

#store1 .col-md-4 > div img {
  position: relative;
  z-index: 2;
  display: block;
  margin: 25px auto 10px;
  max-width: 90%;
}

#store1 .col-md-4 > div p.text-center {
  display: block;
  border: none;
  background: none;
}

@media (min-width: 992px) {
  #store1 .col-md-4 > div p {
    font-size: 16px;
    line-height: 30px;
    background-size: 100% 30px;
  }
}

#store2 img {
  width: 100%;
}

#store2 .col-md-3 > div {
  position: relative;
  border: 1px solid #fff;
}

#store2 .col-md-3 > div p {
  position: absolute;
  bottom: 0;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  padding: .5em;
  margin-bottom: 0;
}

@media (max-width: 500px) {
  #store2 .col-md-3 > div p {
    font-size: 12px;
    line-height: 1.3;
  }
}


.snsBtn a {
  font-size: 16px;
  display: block;
  color: #fff;
  padding: 15px 0;
  text-align: center;
  border-radius: 5px;
  width: 100%;
  margin: 0 auto 10px;
  -webkit-box-shadow: 5px 5px 10px #553919a8;
  box-shadow: 5px 5px 10px #553919a8;
}

.snsBtn a.facebook {
  background: #3c5a99;
}

.snsBtn a.facebook:hover {
  background: #1b3c83;
  text-decoration: none;
}

.snsBtn a.facebook:before {
  content: url(../images/img_iconFacebook.png);
  margin: 0 10px;
}

.snsBtn a.twitter {
  background: #55acee;
}

.snsBtn a.twitter:hover {
  background: #3598e3;
  text-decoration: none;
}

.snsBtn a.twitter:before {
  content: url(../images/img_iconTwitter.png);
  margin: 0 5px;
}


@media (min-width: 768px) {
  .snsBtn a {
    position: relative;
    max-width: 300px;
    margin: 0 10px;
  }
  .snsBtn a.facebook {
    position: absolute;
    top: 0;
    right: 0;
  }
  .snsBtn a.twitter {
    position: absolute;
    top: 0;
    left: 0;
  }
  .snsBtn:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    margin: 50px auto;
  }
}

#info p {
  border: solid 1px #ccc;
  text-align: center;
  font-size: 95%;
  ;
  padding: 2em 1em;
  margin: 0;
}

@media (min-width: 768px) {
  #info p {
    font-size: 110%;
  }
}

#pop img {
  max-width: 800px;
  height: auto;
}
/*-------------------------------------------------------------------------
  #zero_ichi
/*-----------------------------------------------------------------------*/
.sp_only{
	display: none;
}
header{
background-color: #101010;
}
.header_inner{
	width: 1300px;
	margin: 0 auto;
	color: #FFFFFF;
	position: relative;
}

.header_inner .mv_img{
	width: 100%;
}
#zeroichi header h2{
    width: 60%;
	z-index: 1;
	margin: 0 auto;
}
#chapter_article .mv_img {
    opacity: 0.3;
}
#chapter_article .header_inner h2 {
    left: 36px;
    position: absolute;
    top: 44px;
    width: 30%;
    z-index: 1;
}
 .header_inner h2 img{
    width: 100%;
}
#chapter_article h3 {
    font-size: 48px;
    color: #fff;
    right: 30px;
    position: absolute;
    bottom: 1%;
}
.chapter_0_title h3 img{
    width: 99px;
}
.chapter_title_no{
    position: absolute;
    right: 30px;
    bottom: 15%;
    width: 10%;
}
.zeroichi_content{
 width: 1300px;
margin: 0 auto 100px;
}
#chapter_content{
	background-color: #e6e6e6;
	padding-top: 20px;
	overflow: hidden;
}
.chapter_2 #chapter_content{
	padding-bottom: 250px;
}

.chapter_content_inner{
	width: 1300px;
	margin: 0 auto;
	position: relative;
}
.zero_ichi_content_inner{
 width: 920px;
margin: 0 auto;
clear: both;
padding-top: 20px;
}


.zero_ichi_link_content {
    width: 850px;
    margin: 0 auto;
    padding-left: 10px;
    height: 500px;
	margin-bottom: 130px;
}
.link_content_1{
	margin-top: -200px;
	margin-bottom: 0;
}
.zero_ichi_link_content h4{
	margin: 40px auto;
	 width: 65%;
}
.zero_ichi_link_content h4 img{
    width: 100%;
}
.zero_ichi_link a .chapter_bnr{
    width: 200px;
	position: relative;
	-webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.zero_ichi_link {
	width: 30%;
	position: relative;
	float: left;
	margin: 0 1.6%;
}
.zero_ichi_link_content li{list-style: none;
}
.zero_ichi_link span{
	width: 150px;
    height: 150px;
    border-left: 150px #101010 solid;
    border-bottom: 150px;
    border-top: 150px rgba(249, 250, 253, 0) solid;
   /* border-right: #000000 150px solid;*/
   position: absolute;
	bottom: -20px;
	left: 20px;
	-webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.zero_ichi_link p {
    position: absolute;
    color:#313131;
    bottom: -120px;
    font-size: 18px;
   /* left: -20px;*/
    background-color: #ddd;
	padding: 100px 5px 10px 10px;
    width: 240px;
    font-weight: bold;
	z-index: -100;
	-webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.zero_ichi_link p em {
    letter-spacing: -6.99px;
    font-style: normal;
}
 .zero_ichi_link p img{
    position: absolute;
    bottom: 25px;
    right: 10px;
    width: 15px;
}
.zero_ichi_link .chapter_no{
    position: absolute;
    bottom: 15px;
    left: -139px;
    z-index: 1;
    width: 70px;
	-webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.zero_ichi_link a{
	 padding: 0 50px 300px;
}
/*-----------------------------------------------------------------------*/
@media (min-width: 768px) {
.zero_ichi_link a:hover{
	opacity: 1;
}
.zero_ichi_link a:hover .chapter_no{
  -webkit-filter: brightness(0) ;
  -moz-filter: brightness(0) ;
  -o-filter: brightness(0) ;
  -ms-filter: brightness(0);
     filter: brightness(0);
  -webkit-transition-duration: .5s;
    transition-duration: .5s;
}
.zero_ichi_link a:hover p {
	background-color: #fff;
	-webkit-transition-duration: .5s;
    transition-duration: .5s;
	border: 5px solid #ddd;
}
.zero_ichi_link a:hover .chapter_bnr {
	transition: 0.5s;
	transform: translate3d(5px, 5px, 0);
	/*left: -29px;
	top:18px;*/
}
.zero_ichi_link a:hover span{
	width: 0;
    height: 0;
    border-left: 150px #ddd solid;
	transition-duration: .5s;
}
}
/*----------------------------------------------------------------------*/
#zeroichi header{
	padding-bottom: 200px;
	padding-top: 100px;
}

#zeroichi .header_inner .mv_img{
	width: 100%;
	margin: 20px auto;
}
#zeroichi .header_inner .sub p{
	font-size: 24px;
}
#zeroichi .header_inner .lead{
	width: 960px;
	margin: 0 auto;
}
#zeroichi .header_inner .lead p{
	font-weight: 100;
}
#zeroichi .header_inner .lead a{
    color: #ffffff;
	text-decoration: underline;
}
#chapter_0_img{
	width: 95%;
	float: right;
}
.chapter_0_title{
	position: relative;
	margin: 50px auto;
	overflow: hidden;
}
.chapter_0_title h3{
	padding: 10px 50px;
    position: absolute;
    left: 0;
    bottom: 10px;
	z-index: 1;
	background-color: #101010;
	color: #fff;
	font-size: 30px;
	font-style: normal;
}

.zeroichi_profile{
	background-color: #101010;
	color: #fff;
	padding: 20px;
	position: relative;
    margin: 0 auto 50px;
    min-height: 400px;
}
.zeroichi_profile h4{
	margin-bottom: 50px;
    padding-bottom: 10px;
}
.profile_women img{
    float: right;
	margin-left: 10px;
	width: 360px;
}
.profile_women h4{
	border-bottom: 1px solid #f0f;
    text-align: left;
}
.profile_men h4{
	border-bottom: 1px solid #ffff00;
    text-align: right;
}
.profile_men img{
    float: left;
	margin-right: 10px;
	width: 360px;
}
.zeroichi_profile p{
    font-weight: 100;
	font-size: 16px;
	padding: 10px;
}
.profile_women :after {
	content: "";
	width:300px;
    height:300px;
    position: absolute;
	bottom: -10px;
	left: -10px;
	z-index: -10;
	background:#ef63f7;
	display: block;
	clear: both;
}
.profile_men :after {
	content: "";
	width:300px;
    height:300px;
    position: absolute;
	z-index: -10;
	background:#f7ef61;
	display: block;
	clear: both;
	bottom: -10px;
	right: -10px;
}
.profile_talk{
    width: 58%;
}
.profile_men .profile_talk{
    width: 100%;
}
.profile_women .profile_talk{
    margin-right: -370px;
    width: 100%;
}
.chapter_content_inner .talk{
	background-color: #fff;
	margin: 0 auto 100px;
	width: 800px;
	clear: both;
	overflow: hidden;
}
#chapter_content .talk_right .talk{
	padding_right: 20px;
}
#chapter_content .chapter_img_center{
    width: 100%;
    margin: 10px auto 30px;
}
#chapter_content .chapter_img_right {
    width: 380px;
    float: right;
    position: absolute;
    right: 0;
    top: -80px;
}
#chapter_content .chapter_img_left{
    float:left;
	width: 380px;
	position: absolute;
    left: 0;
    top: -80px;
}
.chapter_content_inner .talk dt img{
	width: 60px;
	display : table-cell ;
	vertical-align : middle ;
}
.chapter_content_inner .talk{
	background-color: #fff;
	margin: 0 auto 100px;
	width: 800px;
	clear: both;
	overflow: hidden;
	padding: 60px 30px;
}
#chapter_content dl{
	overflow: hidden;
	display : table ;
	margin-bottom: 30px;
}
#chapter_content dt {
    font-weight: bold;
	clear: both;
	width: 10%;
	margin-bottom: 20px;
	display : table-cell ;
	vertical-align : middle ;
	padding-right: 20px;
}
#chapter_content dd{
    text-align: left;
    width: 89%;
	display : table-cell ;
	vertical-align : middle ;
}
#chapter_content .chapter_img_center{
    width: 100%;
	margin: 10px auto 30px;
}
#chapter_content .chapter_img_right {
    width: 380px;
    float: right;
    position: absolute;
    right: 0;
    top: -80px;
}
#chapter_content .chapter_img_left{
    float:left;
	width: 380px;
	position: absolute;
    left: 0;
    top: -80px;
}
#chapter_content .talk_left dl{
    float:left;
    width: 83%;
	margin-bottom: 30px;
}
#chapter_content .talk_left dd{
	text-align: left;
    width: 87%;
    margin-left: 10px;
}
#chapter_content .talk_right dd{
	text-align: left;
    width: 87%;
    margin-left: 10px;
}
#chapter_content .talk_right dl{
    float: right;
    width: 83%;
	margin-bottom: 30px;
}
#chapter_article  .snsBtn{
    padding-bottom: 110px;
}
@media (max-width: 1300px) {
.header_inner {
    width: 100%;
    margin: 0 auto;
    color: #FFFFFF;
    position: relative;
}
.chapter_content_inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.zeroichi_content {
        width: 100%;
    }
.chapter_title_no {
    bottom: 19%;
}
#chapter_content .talk_left dl, #chapter_content .talk_right dl{
    width: 70%;
}
#chapter_content .chapter_img_right,#chapter_content .chapter_img_left {
    width: 30%;
	}
}
@media (max-width: 980px) {
    .zero_ichi_link_content {
    width: 100%;
    }
    .zero_ichi_content_inner {
    width: 95%;
    margin: 0 auto;
}
    #zeroichi .header_inner .lead {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
}
@media (max-width: 768px) {
.zeroichi_content {
    width: 100%;
    margin: 0 auto 100px;
}
#zeroichi .header_inner .sub p {
    font-size: 19px;
}
#zeroichi h2 {
    width: 100%;
    z-index: 100;
    margin: 0 auto;
}
.header_inner{
	width:100%;
	}
#zeroichi{
	width: 100%;
	margin: 0 auto;
}
#chapter_article h2 {
    left: 35px;
    position: absolute;
    top: 45px;
    width: 30%;
    z-index: 100;
}
.chapter_0_title h3 img {
    width: 60px;
}
.chapter_0_title h3 {
    font-size: 20px;
    }
#zeroichi .header_inner h2 img{
    width: 70%;
    margin: 0 auto;
}
.chapter_content_inner{
	width: 100%;
}
.zero_ichi_content_inner {
    width: 95%;
    margin: 0 auto;
}
.zero_ichi_link a .chapter_bnr {
    width: 90%;
}
.zero_ichi_link_content {
    width: 100%;
    height: 500px;
	margin: 0 auto 90px;
	padding: 0;
}
.zero_ichi_link p {
    padding: 100px 4px 12px 10px;
    width: 100%;
    font-size: 14px;
}
.link_content_1{
    height: 500px;
	margin-top: -200px;
}
	.zero_ichi_link span {
    left: 10px;
}
.chapter_bnr {
    left: -25px;
}
#zeroichi .header_inner .lead {
    width: 90%;
    margin: 0 auto;
}
.zeroichi_profile {
    width: 95%;
    margin: 30px auto 50px;
}
.zeroichi_profile img{
	width: 40%;
}
	.zero_ichi_link_content	h4 img{
	 width: 80%;
	}
#chapter_article .header_inner h3{
    font-size: 30px;
    color: #fff;
    right: 30px;
    position: absolute;
    bottom: 3%;
}
.chapter_title_no {
    position: absolute;
    right: 30px;
    bottom: 19%;
    width: 10%;
}
.chapter_content_inner .talk {
    background-color: #fff;
    margin: 0 auto 100px;
    width: 95%;
    clear: both;
    overflow: hidden;
}
.chapter_2 #chapter_content {
    padding-bottom: 0;
}
#chapter_article .snsBtn {
    padding-bottom: 70px;
}

.chapter_0_title {
    margin: -50px auto 0;
}
}
@media (max-width: 480px) {
.sp_only{
	display: block;
}
#zeroichi header {
    padding-top: 70px;
}
#zeroichi .header_inner h2 {
    width: 80%;
    z-index: 1;
    margin: 0 auto;
}
#zeroichi .header_inner h2 img{
    width: 100%;
}
#zeroichi .header_inner .sub p {
    font-size: 18px;
}
.header_inner {
    width: 100%;
    overflow: hidden;
}
#zeroichi .header_inner .mv_img {
    position: relative;
    width: 180%;
    margin: 20px auto;
    left: -250px;
}
.zero_ichi_link .chapter_no {
    position: absolute;
    bottom: 10px;
    left: -90px;
    z-index: 3;
    width: 45px;
}
.zero_ichi_link span {
    left: 90px;
	z-index: 3;
    border-left: 100px #000 solid;
    border-bottom: 100px;
    border-top: 100px rgba(249, 250, 253, 0) solid;
    position: absolute;
    bottom: 0px;
	width: 100px;
    height: 100px;
}
.zero_ichi_link p img {
    position: absolute;
    right: 10px;
    width: 10px;
    top: 60px;
}
.zero_ichi_link {
    width: 100%;
    position: relative;
    float: none;
    /* margin: 0 1.6%; */
    overflow: hidden;
    height: 100px;
    background-color: #ddd;
    margin: 0px auto 10px;

}
.zero_ichi_link a .chapter_bnr {
    width: 90px;
    position: absolute;
    left: 0;
}
.zero_ichi_link p {
    position: absolute;
    color: #524f4f;
    font-size: 15px;
    padding: 3px 3px 3px 15px;
    font-weight: bold;
    z-index: 1;
    width: 55%;
    right: 0;
    top: 10px;
}
.zero_ichi_link_content {
    height: 420px;
	margin: 0 auto;
    width: 95%;
	padding: 0;
}
.zero_ichi_link_content h4 {
    margin: 40px auto;
    width: 90%;
}
.zero_ichi_link_content h4 img{
    width: 100%;
}
.link_content_1 {
    width: 95%;
    height:380px;
    margin: 0 auto;
    overflow: hidden;
	margin-top: -173px;
}
.chapter_0_title {
    position: relative;
    margin: 0 auto;
    overflow: unset;
}
.chapter_0_title h3 {
    padding: 5px 5px;
    position: absolute;
    left: 0;
    bottom: -110px;
    z-index: 1;
    background-color: #101010;
    color: #fff;
    font-size: 18px;
    font-style: normal;
}

.chapter_0_title h3 img {
   width: 40px;
}
.profile_men .profile_talk {
   width: 100%;
    margin: 0 auto;
}
	.zeroichi_profile img {
    width: 60%;
}
	.profile_women img {
    float: none;
    margin-left: 0;
}
.profile_women .profile_talk {
    width: 100%;
    margin: 0 auto;
}
.profile_men img {
    float: none;
    margin-right: 0;
}
.profile_talk h4 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
.zeroichi_profile p {
    font-size: 14px;
}
.zeroichi_profile h3 {
    margin-bottom: 5px;
}
.chapter_title_no {
    position: absolute;
    right: 15px;
    bottom: 28%;
    width: 17%;
}
#chapter_article .header_inner h3{
    font-size: 20px;
    color: #fff;
    right: 15px;
    position: absolute;
    bottom: 2%;
    text-align: right;
}
#chapter_article .header_inner h2 {
    left: 16px;
    position: absolute;
    top: 40px;
    width: 50%;
}
#chapter_article .header_inner .mv_img,#chapter_2_container .header_inner .mv_img,#chapter_3_container,.header_inner .mv_img {
    width: 150%;
}
.chapter_content{
	font-size: 14px;
}
#chapter_content .talk_left dl,#chapter_content .talk_right dl {
    float: none;
    width: 100%;
}
#chapter_content .talk_left dt,#chapter_content .talk_right dt {
    padding: 20px 0 20px 20px;
    width: 70px;
}
#chapter_content .chapter_img_right,#chapter_content .chapter_img_left {
    width: 180px;
    float: right;
    position: absolute;
    right: 0;
    top: -230px;
}
.chapter_content_inner .talk {
    padding: 20px 5px;
}
.talk_left .talk,.talk_right .talk {
    background-color: #fff;
    margin: 250px auto 100px;
    width: 95%;
    clear: both;
    overflow: hidden;
    padding: 110px 5px 20px;
}
#chapter_content dt {
    position: relative;
	height: 100px;
}
#chapter_content dd {
    width: 35%;
}
.chapter_content_inner .talk dt img {
    position: absolute;
    top: 10px;
	left: 5px;
}
#chapter_content .talk_left dd,#chapter_content .talk_right dd {
    width: 78%
}
.chapter_content_inner .talk_last{	margin: -80px auto 100px;
	}

}
@media (max-width: 430px) {
#chapter_content dd {
    padding-left: 10px;
}
	}