@charset "utf-8";

/*
==============
theme2.css
==============
*/

/* ----------------------------------
■ PC
------------------------------------ */
@media only screen and (min-width: 768px)
{
/* -----------------
■ メインビジュアル
------------------- */
.keyvisual {
  background: url(../images/theme02/mv.jpg) center center no-repeat;
  background-size: cover; }


/* -----------------
■ 本のリスト
------------------- */
.booklist {
  width: 85.4453vw;
  margin: 0 auto;
  padding-bottom: 0; }

#book1 {
  margin-top: 8vw;
  padding-bottom: 5vw; }

#book1 .textWrapper {
  height: 41.2vw;
  margin-top: 0;
  margin-left: 43.7vw;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright; }

#book1 .pickup {
  margin-top: 0;
  letter-spacing: 0.2em;
  transform: translateY(0.8vw); }

#book1 .page {
  margin-top: 0.5vw;
  margin-right: 1vw; }

#book1 .title {
  margin-top: 0;
  margin-right: 1.5vw;
  font-feature-settings: normal; }

#book1 .img {
  top: -3.9vw;
  left: 2vw;
  width: 37.4366vw; }


#book2 {
  margin-top: 8vw; }

#book2 .textWrapper {
  height: 41.2vw;
  margin-left: 11.1vw;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright; }

#book2 .pickup {
  margin-top: 0;
  letter-spacing: 0.2em;
  transform: translateY(0.8vw); }

#book2 .page {
  margin-top: 0.5vw;
  margin-right: 1vw; }

#book2 .title {
  margin-top: 0;
  margin-right: 1.5vw;
  font-feature-settings: normal; }

#book2 .img {
  top: -2.2vw;
  right: 1.8vw;
  width: 40.5503vw; }


#book3 {
  margin-top: 21vw;
  padding-bottom: 9vw; }

#book3 .textWrapper {
  margin-left: 47.4vw; }

#book3 .pickup {
  margin-top: 0;
  letter-spacing: 0.1em;
  transform: translateY(0.8vw); }

#book3 .page {
  margin-top: 0.8vw;
  margin-left: -0.5vw; }

#book3 .title {
  margin-top: 2vw; }

#book3 .img {
  top: -9.9vw;
  left: 2vw;
  width: 40.5503vw; }


#book4 {
  margin-top: 15.2vw;
  padding-bottom: 14vw; }

#book4 .textWrapper {
  margin-left: 3.5vw; }

#book4 .pickup {
  margin-top: 0;
  letter-spacing: 0.12em;
  transform: translateY(0.8vw); }

#book4 .page {
  margin-top: 2.2vw;
  margin-left: -0.5vw; }

#book4 .title {
  margin-top: 2vw; }

#book4 .img {
  top: -9.8vw;
  right: 2vw;
  width: 44.1708vw; }


#book5 {
  margin-top: 16vw;
  padding-bottom: 8vw; }

#book5 .textWrapper {
  height: 43.1vw;
  margin-top: -10.4vw;
  margin-left: 48.5vw;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright; }

#book5 .pickup {
  margin-top: 0;
  letter-spacing: 0.18em;
  transform: translateY(0.8vw); }

#book5 .page {
  margin-top: 0.5vw;
  margin-right: 1vw; }

#book5 .title {
  margin-top: 0;
  margin-right: 1.5vw;
  font-feature-settings: normal; }

#book5 .img {
  top: -8.2vw;
  left: 2vw;
  width: 42.1433vw; }


#book6 {
  margin-top: -6.6vw;
  padding-bottom: 15vw; }

#book6 .textWrapper {
  height: 36.2vw;
  margin-top: 8vw;
  margin-left: 17.3vw;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright; }

#book6 .pickup {
  margin-top: 0;
  letter-spacing: 0.2em;
  transform: translateY(0.8vw); }

#book6 .page {
  margin-top: 0.5vw;
  margin-right: 1vw; }

#book6 .title {
  margin-top: 0;
  margin-right: 1.7vw;
  font-feature-settings: normal; }

#book6 .img {
  top: 3.6vw;
  right: 1.7vw;
  width: 42.5778vw; }

.otherbook_block {
  padding-top: 5px; }

.otherbook_block li:nth-of-type(n+5) {
  margin-top: 88px; }

/* ie11 */
_:-ms-lang(x)::-ms-backdrop, .popup_block.num3 .detail_block h2,
_:-ms-lang(x)::-ms-backdrop, .popup_block.num7 .detail_block h2 {
  letter-spacing: .05em; }



/* end pc */
}


/* ----------------------------------
■ SP
------------------------------------ */
@media only screen and (max-width: 767px)
{

/* -----------------
■ メインビジュアル
------------------- */
.keyvisual {
  background: url(../images/theme02/mv_sp.jpg) center center no-repeat;
  background-size: cover; }


/* -----------------
■ 本のリスト
------------------- */
.booklist {
  padding-top: 6.5vw; }

.booklist li .img {
  position: static; }

#book1 .img {
  width: 83.4666vw;
  margin-left: -15.5vw; }

#book1 .textWrapper {
  margin-top: 5.8vw;
  margin-left: 23vw;
  writing-mode: vertical-rl;
  text-orientation: upright; }

#book1 .pickup {
  padding-top: 1.5vw;
  font-feature-settings: normal; }

#book1 .page {
  margin-top: 0.5vw;
  margin-right: 2vw; }

#book1 .title {
  margin-top: 0;
  font-feature-settings: normal; }


#book2 {
  margin-top: 9vw; }

#book2 .img {
  width: 90.4vw;
  transform: translateX(10vw); }

#book2 .textWrapper {
  margin-top: 6.4vw; }

#book2 .pickup {
  letter-spacing: 0.08em; }

#book2 .page {
  margin-top: 2.5vw;
  margin-left: -1.5vw; }

#book2 .title {
  margin-top: 0.5vw; }


#book3 {
  margin-top: 14vw; }

#book3 .img {
  width: 90.4vw;
  margin-left: -23.5vw;
  transform: translateX(10vw); }

#book3 .textWrapper {
  margin-top: 7.4vw;
  margin-left: 31vw;
  writing-mode: vertical-rl;
  text-orientation: upright; }

#book3 .pickup {
  margin-top: -0.7vw;
  letter-spacing: 0.08em;
  font-feature-settings: normal;
  transform: translateY(2.3vw); }

#book3 .page {
  margin-top: 0.5vw;
  margin-right: 2vw; }

#book3 .title {
  font-feature-settings: normal; }


#book4 {
  margin-top: 16.5vw; }

#book4 .img {
  width: 92vw;
  transform: translateX(10vw); }

#book4 .textWrapper {
  margin-top: 6.4vw; }

#book4 .pickup {
  letter-spacing: 0.15em; }

#book4 .page {
  margin-top: 3vw;
  margin-left: -1.5vw; }

#book4 .title {
  margin-top: 0.5vw; }


#book5 {
  margin-top: 15vw; }

#book5 .img {
  width: 77.8666vw;
  margin-left: -23.5vw;
  transform: translateX(10vw); }

#book5 .textWrapper {
  margin-top: 2.5vw;
  margin-left: 23.5vw;
  writing-mode: vertical-rl;
  text-orientation: upright; }

#book5 .pickup {
  margin-top: -0.7vw;
  letter-spacing: 0.08em;
  font-feature-settings: normal;
  transform: translateY(2.3vw); }

#book5 .page {
  margin-top: 0.3vw;
  margin-right: 1.5vw; }

#book5 .title {
  font-feature-settings: normal; }


#book6 {
  margin-top: 15.5vw; }

#book6 .img {
  width: 78.4vw;
  transform: translateX(20vw); }

#book6 .textWrapper {
  margin-top: -1.6vw; }

#book6 .pickup {
  letter-spacing: 0.15em; }

#book6 .page {
  margin-top: 3vw;
  margin-left: -1.5vw; }

#book6 .title {
  margin-top: 0.5vw; }


.otherbook_block {
  padding-top: 6vw; }

.otherbook_block li:nth-of-type(n+3) {
  margin-top: 8vw; }

.otherbook_block .pickup {
  letter-spacing: .15em; }

.popup_block.num3 .lastChara .page,
.popup_block.num6 .lastChara .page,
.popup_block.num7 .lastChara .page,
.popup_block.num8 .lastChara .page,
.popup_block.num11 .lastChara .page,
.popup_block.num12 .lastChara .page {
  right: -15vw; }

.popup_block.num10 .lastChara .page,
.popup_block.num13 .lastChara .page {
  right: 0;
  bottom: -6vw; }

.popup_block.num13 .textWrapper h2 {
  letter-spacing: .05em; }

.popup_block.num14 .lastChara .page {
  right: auto;
  left: 37vw;
  bottom: 1vw; }








/* end sp */
}