@charset "UTF-8";
/* CSS Document */
/* motion
/* -------------------------------------------------- */
/* .motion header nav .btn-online {
	-webkit-animation: slide-up 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 1.8s;
	animation: slide-up 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 1.8s;
}
.motion.top #header-inr {
	-webkit-animation: slide-up 3s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 0.5s;
	animation: slide-up 3s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 0.5s;
}
.motion.top header nav .btn-online {
	-webkit-animation: slide-down 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 2s;
	animation: slide-down 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 2s;
}
.motion.top .sns-nav  {
	-webkit-animation: slide-up 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 1.7s;
	animation: slide-up 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards 1.7s;
}
*/

/* ===============================================
  ▼ keyframes
=============================================== */

/* 一瞬表示されるのを制御 */

/* animation-css */
/* nav */
/* 修正 */
.nav-item:nth-child(0) {
    -webkit-animation: slide-up 1.0s ease 0.0s 1 forwards;
    animation: slide-up 1.0s ease 0.0s 1 forwards;
  }
/* /修正 */

  .nav-item:nth-child(1) {
    -webkit-animation: slide-up 1.0s ease 0.0s 1 forwards;
    animation: slide-up 1.0s ease 0.0s 1 forwards;
  }
  .nav-item:nth-child(2) {
    -webkit-animation: slide-up 1.0s ease 0.1s 1 forwards;
    animation: slide-up 1.0s ease 0.1s 1 forwards;
  }
  .nav-item:nth-child(3) {
    -webkit-animation: slide-up 1.0s ease 0.2s 1 forwards;
    animation: slide-up 1.0s ease 0.2s 1 forwards;
  }
  .nav-item:nth-child(4) {
    -webkit-animation: slide-up 1.0s ease 0.3s 1 forwards;
    animation: slide-up 1.0s ease 0.3 1 forwards;
  }
  .nav-item:nth-child(5) {
    -webkit-animation: slide-up 1.0s ease 0.4s 1 forwards;
    animation: slide-up 1.0s ease 0.4s 1 forwards;
  }  
  /* 修正 */
  .nav-item:nth-child(6) {
    -webkit-animation: slide-up 1.0s ease 0.5s 1 forwards;
    animation: slide-up 1.0s ease 0.5s 1 forwards;
  }   
  /* /修正 */  
  .sns-nav {
    -webkit-animation: slide-up 1.5s ease 0.6s 1 forwards;
    animation: slide-up 1.5s ease 0.6s 1 forwards;
}
  /* /修正 */  
  .fvc_bnr {
    -webkit-animation: slide-up 1.5s ease 0.6s 1 forwards;
      animation: slide-up 1.5s ease 0.6s 1 forwards;
  }
  .sp-sns{
    -webkit-animation: slide-up 1.5s ease 0.6s 1 forwards;
      animation: slide-up 1.5s ease 0.6s 1 forwards;
  }
/* pages */
.page-title {
	-webkit-animation: slide-up02 1.0s ease 0.0s 1 forwards;
    animation: slide-up02 1.0s ease 0.0s 1 forwards;
}
.page-inner{
  -webkit-animation: slide-up02 1.0s ease 0.4s 1 forwards;
    animation: slide-up02 1.0s ease 0.4s 1 forwards;
}
/* top */
.top-news{
  -webkit-animation: slide-up02 1.0s ease 0.6s 1 forwards;
    animation: slide-up02 1.0s ease 0.6s 1 forwards;
}
.top-disco{
  -webkit-animation: slide-up02 1.0s ease 0.8s 1 forwards;
    animation: slide-up02 1.0s ease 0.8s 1 forwards;
}

/* discos */
.right-info,.writter-info{
  -webkit-animation: slide-up02 1.0s ease 0.2s 1 forwards;
    animation: slide-up02 1.0s ease 0.2s 1 forwards;
}
.discos-jk{
  -webkit-animation: slide-up02 1.3s ease 0.4s 1 forwards;
    animation: slide-up02 1.3s ease 0.4s 1 forwards;
}

/* animation- opacity: 0;  必須 */
/* nav */
.nav-item{
  opacity: 0;
  }
.sns-nav{
  opacity: 0;
}
.fvc_bnr {
  opacity: 0;
}
.page-title{
    opacity: 0;
    font-weight: normal;
}
/* pages */
.page-inner{
  opacity: 0;
}
/* top */
.top-news{
  opacity: 0;
}
.top-disco{
  opacity: 0;
}
.sp-sns{
  opacity: 0;
}
/* discos */
.right-info{
  opacity: 0;
}
.discos-jk{
  opacity: 0;
}
.writter-info{
  opacity: 0;
}
/* script.js-fadein display: none; 必須*/
.content-page{
  display: none;
}
.footer{
  display: none;
}
.site-title{
  display: none;
}
/* animation-keyframes */
/* slide-up */
@-webkit-keyframes slide-up {
    0% {
		opacity:0;
        transform:translateY(40px);
    }
	100% {
		opacity:1;
        transform:translateY(0); }
    }

  @keyframes slide-up {
    0% {
		opacity:0;
        transform:translateY(40px);
    }
	100% {
		opacity:1;
        transform:translateY(0); }
    }
  
/* slide-up02 */
  @-webkit-keyframes slide-up02 {
    0% {
    opacity:0;
        transform:translateY(20px);
    }
  100% {
    opacity:1;
        transform:translateY(0); }
    }

  @keyframes slide-up02 {
    0% {
    opacity:0;
        transform:translateY(20px);
    }
  100% {
    opacity:1;
        transform:translateY(0); }
    }
/* 
@-webkit-keyframes slide-down {
	0% {
		opacity:0;
		transform:translateY(-40px); }
	100% {
		opacity:1;
		transform:translateY(0); }
}
@keyframes slide-down {
	0% {
		opacity:0;
		transform:translateY(-40px); }
	100% {
		opacity:1;
		transform:translateY(0); }
}
@-webkit-keyframes slide-end {
	0% {
		transform: scaleX(1); }
	100% {
		transform: scaleX(0); }
}
@keyframes slide-end {
	0% {
		transform: scaleX(1); }
	100% {
		transform: scaleX(0); }
}
@-webkit-keyframes opacity {
	0% {
		opacity:0; }
	100% {
		opacity:1; }
}
@keyframes opacity {
	0% {
		opacity:0; }
	100% {
		opacity:1; }
}
@-webkit-keyframes scroll {
	0% {
		transform:translateY(0px); }
	50% {
		transform:translateY(15px); }
	100% {
		transform:translateY(0px); }
}
@keyframes scroll {
	0% {
		transform:translateY(0px); }
	50% {
		transform:translateY(15px); }
	100% {
		transform:translateY(0px); }
}*/
.word1,.word2{
    text-transform: none;
}
/*--------------------
opening
---------------------*/	
.start {
	background: #FFF;
    position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
    position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 100%;
}
/*--------------------
sub-content
---------------------*/	
.top-sub-content{
    font-family: 'Noto Serif JP', serif;
    background-color: rgba(4, 4, 4, 0.65);
    margin-bottom: 3rem;
    padding: 2.5rem 3rem 4rem;
    color: #fff;
    width: 85%;
}
.top-sub-content a{
    font-family: 'Noto Serif JP', serif;
    color: #fff;
}
.top-sub-content-title{
    font-family: 'EB Garamond', serif;
    font-size: 22px;
    font-weight: normal;
}
.top-sub-content-flex{
    display: flex;
    justify-content: space-between;
}
.top-news{
    margin: 0 auto;
    margin-bottom: 3rem;
    margin-top: 8rem;
}
.top-disco{
    margin: 0 auto;
    margin-bottom: 40px;
}
.swiper-wrapper img{
        width: 256px;
        margin: 0 auto;
        text-align: center;
        display: block;
        padding-top: 2rem;
}
.swiper-wrapper img {
    width: 157px;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-top: 2rem;
}
.top-alldisc{
	padding-top: 1.3rem;
    font-size: 11px;
} 



.container-dots p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    }
/*------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px)  {
/*pc版*/

.slide-disco{
 width: 100%;
}
.top-news{
    width: 430px;
    position: absolute;
    top: -8rem;
    right: 4rem;
    margin-top: 16rem;
}
.top-disco{
    width: 430px;
    position: absolute;
    top: 29rem;
    right: 4rem;
    margin-bottom: 0px;
}
.swiper-wrapper img{
    width: 256px;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding-top: 2rem;
}
.top-copy{
    position: absolute;
    bottom: 0.5rem;
    width: 210px;
}
.top-alldisc{
	padding-top: 1rem;
	font-size: 13px;
}
.container-dots p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    }
.top-footer{
    position: absolute;
    bottom: -7px;
    right: 2rem;
    z-index: -1;
}
}