/* 
=================================================== 
  
  ◆ PC/Big : 1600px ~ 
  ◆ PC/Little : 1300px ~ 
  ◆ PC/Small : 1100px ~ 1250px

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

/* 
/////////////////////////////////

  ◆ PC/Big

/////////////////////////////////

// ⚫︎ Common //

▼ Common
▼ Thumb

------------------------------ */

@media screen and (min-width:1600px) {

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

  // ● Common  //

/* --------------------------- 
   ▼ Common
 --------------------------- */

/* --- commonBg --- */

body {
  background-color: #fff;
  transition: all ease .35s;
}
body.pace-done {
  transition: all ease .35s;
}
body.pageTrans {
  background-color: #fff;
  transition: all ease .35s;
}

.wrapper {
  background-color: #fff;
  /*max-width: 1600px;*/
  margin:0 auto;
  position: relative;
  box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.1);
}

/*
retreat
*/

body.retreat .wrapper {
  background-color:initial;
}

/* --- drawerMenu --- */



/* --- l-mv --- */

section.l-mv {
  max-height: 48.8vw !important;
}


/* --------------------------- 
   ▼ Thumb
 --------------------------- */

/* --- stikcy --- */

/*.l-listSticky__left .c-listImage {
    max-height: 45.6rem;
}
.l-listSticky__right .c-listImage {
    max-height: 22.2rem;
}
.l-listSticky__right .c-listCont:nth-child(3) .c-listImage, .l-listSticky__right .c-listCont:nth-child(4) .c-listImage, .l-listSticky__right .c-listCont:nth-child(7) .c-listImage, .l-listSticky__right .c-listCont:nth-child(8) .c-listImage {
    max-height: 28rem;
}*/

/* --- editor --- */

/*.l-listEditor__image.c-listImage {
  max-height: 56.8rem;
}*/

/* --- three --- */

/*.l-listThree .threeSlider .c-listImage {
  max-height: 28rem;
}*/

/* --- two --- */

/*.l-listTwo .twoSlider .c-listImage {
  max-height: 46rem;
}*/

/* --- music --- */

.c-musicImage {
  max-width: 15.2rem;
  max-height: 15.2rem;
}

/* --- drawer --- */

/*.l-drawerMenu__list .c-listImage {
  max-height: 22rem;
}*/

/* --- archive --- */

/*section.l-archiveCont .c-listImage {
  max-height: 26.4rem;
}*/

/* --- related --- */

/*section.l-listRelated .c-listImage {
  max-height: 18.4rem;
}*/

/* --- related --- */

/*.l-articleFeature .l-article__mv {
  max-height: 96rem;
}*/

/* --- theme --- */

/*.l-archiveTheme__thumb {
  max-height: 17.2rem;
}*/

/*
--
*/
}

/* 
/////////////////////////////////

  ◆ PC/Little

/////////////////////////////////

// ⚫︎ Archive  //

▼ ArchiveCommon


------------------------------ */

@media screen and (max-width:1300px) {


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

  // ● Archive  //

/* 
><><><><><><><><><><><><><><><><>

  ▼ ArchiveCommon

><><><><><><><><><><><><><><><><>

 /* --------------------------- 
   ■ l-archiveSlideshow
 --------------------------- */

/* --- common --- */

.l-archiveSlider_slide .c-listCont {
  margin: 0 2.5rem;
}

/* --- arrow --- */

.l-archiveSlider button.slick-arrow {
  display: none !important;
}

/*
--
*/
}

/* 
/////////////////////////////////

  ◆ PC/Small 

/////////////////////////////////

// ⚫︎ Common //

▼ Paywall

▼ Font
▼ Cursor
▼ Header
▼ Footer

---

// ⚫︎ ListSect //

▼ MV

---

// ⚫︎ Archive  //

▼ Feature

---

// ⚫︎ Article //

▼ Article Base
▼ Article Dev
▼ Article Feature

---
  
// ● Page //

▼ Membership


---
  
// ● Objects //

▼ listCont


------------------------------ */

@media screen and (max-width:1250px) {

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

  // ● Common  //

/* 
><><><><><><><><><><><><><><><><>

  ▼ Paywall

><><><><><><><><><><><><><><><><>

/* --------------------------- 
   ■ ReadMore
--------------------------- */

/*
intro
*/

.memberIntro {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}


/* --------------------------- 
   ▼ Font
 --------------------------- */

/* Paywall */

.codoc-link_area .codoc-noentry p.codoc-noentry-caution {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.codoc-link-section:nth-child(1) .codoc-modal-header-subtitle:before,
.codoc-link-section:nth-child(2) .codoc-modal-header-subtitle:before
 {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.codoc-continue {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.codoc-continue +  div + .codoc-buy-wrap:before {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.codoc-continue +  div + .codoc-buy-wrap a {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.codoc-memberNav .desc {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.codoc-memberNav button {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
body .codoc-thx {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.codoc-subscription-description {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.codoc-subscription-login .codoc-btn:before {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

/* Article */

.l-articleIntro__desc {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.l-article__btnCont a {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.l_series__num {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.l-articleProf__desc {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
#toc_container.no_bullets ul.toc_list li ul li {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
li.l-articleRef__list .bookCap {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.l-cat__featureList {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
section.l-articleCont figcaption {
  font-family:  nimbus-sans,dnp-shuei-gothic-gin-std, sans-serif;
}
section.l-articleCont h1 {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
section.l-articleCont p {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

/* Article Dev */

.l-articlePageIntro__btn a {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.l-articleAccord_cont p {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.l-article__newsContainer p  {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
nav.l-subscPlan__nav .trial {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
nav.l-subscPlan__nav .desc {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
nav.l-subscPlan__nav .btn a {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.l-articleTitle__btn a {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.l-article__step .desc {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.l-pageFaq__list dd .cont  {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

/* Outline */

.l-pageOutline dl {
  font-family: nimbus-sans,dnp-shuei-gothic-gin-std, sans-serif;
}

/* Contact */

p.l-articleTitle__desc {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.formCont input {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.formCont textarea {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

/* Policy */

.accept {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.btnList input {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

/* listCont */

.c-musicCopy {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

/* Member */

.c-memberNav {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.c-memberBox .desc {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}
.c-memberBox button {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}



/* --------------------------- 
   ▼ Cursor
 --------------------------- */

#stalker {
  display: none
}

/* --------------------------- 
   ▼ Header
 --------------------------- */

/* --- common --- */

header.l-header {
  
}
.l-header__title img {
  /*width: 24.5vh;*/
  width: 24rem;
}
.l-drawerMenu,.l-drawerMenu__bg {
  
}

/* --------------------------- 
   ■ l-header__search
 --------------------------- */

.l-header__search {
  right: 11.8rem;
  top: 4.45rem;
}
.l-header__search img {
  height: 1.75rem;
  width: 1.75rem;
}

/* --------------------------- 
   ■ l-header__account
 --------------------------- */

.l-header__account {
  right: 7.8rem;
  top: 4.5rem;
}
.l-header__account img {
  height: 1.7rem;
  width: 1.8rem;
}


/* --------------------------- 
   ▼ Footer
 --------------------------- */

/* --- l-footer__nav --- */

.l-footer__nav {
  width: 80%;
}

/* --- l-footer__produced --- */

.l-footer__produced {
  padding-left: initial;
}
.l-footer__produced:before {
  content:none;
}


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

  // ● ListSect  //

/* --------------------------- 
   ▼ MV
 --------------------------- */

 /* --- slider --- */

section.l-mv {
  max-height: 58vw;
  min-height: 50.5rem;
}
.l-mv__bg {
  width: 76%;
}

 /* --- arrow --- */

.l-mv__slider button.slick-prev {
  display: none !important;
}
.l-mv__slider button.slick-next {
  display: none !important;
}


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

  // ● Archive  //

/* --------------------------- 
   ▼ Feature
 --------------------------- */

/* --- l-archiveSlider --- */

.l-archiveSlider .slick-current .c-listImage,
.l-archiveSlider .is-active-next .c-listImage {
  height: 48vw;
}
.l-archiveSlider_slide .c-listImage {
  height: 41vw;
}
section.l-archiveSlideshow .slick-list {  
  
}


/* --- l-archiveFeature --- */

.l-archiveTheme__cont .c-listTitle {
  font-size: 2rem;
  font-size:1.6vw;
}

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

// ⚫︎ ArticleSect //

/* --------------------------- 
   ▼ Article Base
 --------------------------- */

/* --- l-articleIntro__desc --- */

.l-articleIntro__desc br.sp {
  display: none;
}

/* --- titleInfo --- */

section.l-article__titleInfo {
  height: calc(100vh - 29.3rem);
}
section.l-article__titleInfo .c-listTitle {
  width: 81%;
}

/* --- l-article__sub --- */

.l-article__sub  {
  font-family: adobe-garamond-pro,'Zen Old Mincho', sans-serif;
}

/* --- mv --- */

section.l-article__mv {
  
}

/* --------------------------- 
  ■ l-articleBack
--------------------------- */

/* --- common --- */

main {
  background-color: #fff;
}
section.l-articleBack {
  margin-top: 13rem;
  height: 68vw;
  overflow: hidden;
  clip-path: inset(0 0 0 0);
  background-image: initial !important;
}

/*
preorder
*/

body.preorder main {
  background-color: #776B6B;
}

/* --------------------------- 
  ■ l-articleSeries
--------------------------- */

/* ========
 for Story
======== */

/* --- common --- */

article.l-articleStory section.l-articleSeries.story {
  margin: 13rem auto 0;
  overflow: hidden;
  background-image: initial !important;
  clip-path: inset(0 0 0 0);
}

/*
bg
*/

section.l-articleSeries.story:after {
  position: absolute !important;
  height: 100% !important;
}

/* --------------------------- 
  ■ l-articlePoetxt
--------------------------- */

/* --- common --- */

section.l-articlePoetxt {
  padding: 11.8rem 0;
  overflow: hidden;
  clip-path: inset(0 0 0 0);
  background-image: initial !important;
}


/* --------------------------- 
   ▼ Article Dev
 --------------------------- */

/* --- l-article__container --- */

/* common */

article.l-articleFeature .l-article__container {
   margin: 8rem auto 0;
}


/* --------------------------- 
   ▼ Article Feature
 --------------------------- */

/* --- l-article__mv --- */

.l-articleFeature .l-article__mv {
  margin-bottom: 0;
}


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

// ● Page //

/* 
><><><><><><><><><><><><><><><><>

  ▼ Membership

><><><><><><><><><><><><><><><><>

/* --------------------------- 
   ■ l-subscPagenav
--------------------------- */

/* --- list --- */

.l-subscPagenav li {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  width: 2.4rem;
}


/* --------------------------- 
  ■ l-subscBg
--------------------------- */

section.l-subscBg {
  background-attachment: initial;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-image: initial !important;
  clip-path: inset(0 0 0 0);
}
section.l-subscBg:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: cover;
  background-position: center center;
}

section.l-subscBg.under {
  overflow: initial;
}

/* --- membership --- */

section.l-subscBg.member:after {
  background-image:url(../../assets/img/photo/subscribe/sp_main.jpg);
}

/* --- media policy --- */

section.l-subscBg.media:after {
  background-image:url(../../assets/img/photo/media/sp_main.jpg);
}

/* --- about --- */

section.l-subscBg.about:after {
  background-image:url(../../assets/img/photo/about/sp_main.jpg);
}

/* --- philosophy --- */

section.l-subscBg.message:after {
  background-image:url(../../assets/img/photo/philosophy/sp_main.jpg);
}

/* --- produced --- */

section.l-subscBg.produced:after {
  background-image:url(../../assets/img/photo/produced/sp_main.jpg);
}

/* --- service --- */

section.l-subscBg.service:after {
  background-image:url(../../assets/img/photo/service/sp_main.jpg);
}

/* --------------------------- 
   ■ codoc-buy
--------------------------- */

/* --- btn --- */

.codoc-entry .codoc-buy .codoc-btn {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  margin-top: 2.6rem;
  padding: 1.6rem 0;
}

/* --------------------------- 
   ■ support
--------------------------- */

/* --- title --- */

.codoc-support .codoc-support-title:after {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

/* --- btn --- */

.codoc-support .codoc-btn {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}

/* --- modal --- */

/* price */

.codoc-support-modal-price a {
  height: 4.1rem !important;
}

/* area */

.modal-container .codoc-modal-footer .codoc-link_area {
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
}


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

// ● Objects //

/* 
><><><><><><><><><><><><><><><><>

  ▼ listCont

><><><><><><><><><><><><><><><><>

/* --------------------------- 
   ■ listTitle
 --------------------------- */

.c-listTitle {
  font-size: 1.55rem;
}
.c-listTitle .count {
  font-size: 68%;
}

/* --------------------------- 
   ■ listDesc
 --------------------------- */

.c-listDesc {
  
}

/* --------------------------- 
   ■ listCatDate
 --------------------------- */

/* --- category --- */

.c-listCat {
  margin-top: 1.3rem;
}


/*
--
*/
}