@charset "utf-8";

/* ベースの文字色 */
body,
.nav__menu li a,
.page--home .list--pickup li a, .page--home .list--pickup li span,
.list__txt,
.page--home #qa .list--base li a,
.list--link a,
.page--about .member__block .list--contents li,
.page--about .member__block .list--price,
.page--about .member__block .btn--main,
.detail__btn a,
.section .sectionTit,
.list--profile li .tit,
.page--profile .section--detail .name,
.page--profile .section--detail .block--profile dd,
.page--faq .list--faq .tit{
    color: #333;
}

.page--home .section--key-visual .slick-arrow::after {
    border-color: #666;
}



/* C.I.A. BOX
---------------------------------*/
body #boxBlog #boxblogList dt a.new .date, body #boxBlog #boxblogList dt a.new .tit {
    color: #2C3464;
}
body #boxBlog #boxblogList dt a.new .date::before {
    background: #b4d9e1;
}
@media screen and (min-width: 900px){

  body .pager-link li.pager-link--list a:hover {
    border: 1px solid #b4d9e1;
  }

}


/* テーマカラー変更用css
---------------------------------*/

/* グラデーション */
.nav__login li a,
.btn--main {
	background: #2C3464;
color:#7f7f7f;
	background: rgb(229,191,218);
background: -moz-linear-gradient(-25deg,  rgba(229,191,218,1) 0%, rgba(214,221,240,1) 25%, rgba(204,233,240,1) 47%, rgba(252,250,216,1) 100%);
background: -webkit-linear-gradient(-25deg,  rgba(229,191,218,1) 0%,rgba(214,221,240,1) 25%,rgba(204,233,240,1) 47%,rgba(252,250,216,1) 100%);
background: linear-gradient(155deg,  rgba(229,191,218,1) 0%,rgba(214,221,240,1) 25%,rgba(204,233,240,1) 47%,rgba(252,250,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5bfda', endColorstr='#fcfad8',GradientType=1 );

}

/* 文字色 */
a,
.nav__login li.login-nav__item--login a,
.nav__login li.login-nav__item--logout a,
.nav__menu li.item--member a,
.txt-members,
.nav__login .login__status,
.page--about .list--intro dt,
.page--about .member__block .list--contents li .tit,
.block--pager li.pager__item--current {
    color: #b4d9e1;
}
a::after {
    transition: all .3s ease;
}

/* svg色　*/
.icon--key svg path {fill: #b4d9e1;}
.page--home .opening-svg svg{stroke: #ffffff;stroke-opacity:0;fill-opacity:0;}
.page--home .opening-svg{background: #ffffff;}


@-webkit-keyframes dash {
  to {stroke-dashoffset: 200;
  fill-opacity:1;
  stroke-opacity:0;}
  from {stroke-dashoffset: 0;
  fill-opacity:0;
  stroke-opacity:1;
  }
}
@keyframes dash {
  to {stroke-dashoffset: 200;
  fill-opacity:1;
  }
  from {stroke-dashoffset: 0;
  fill-opacity:0;
  }
}

/* 背景色 */
.page--home .section--contents,
.nav-no-scroll .nav__menu li a:after,
.nav-no-scroll .nav__menu li.item--member a:after,
.form--post [class^="form__radio"] input[type="radio"]:checked:after{
    background: #b4d9e1;
    
	background: rgb(229,191,218);
background: -moz-linear-gradient(-25deg,  rgba(229,191,218,1) 0%, rgba(214,221,240,1) 25%, rgba(204,233,240,1) 47%, rgba(252,250,216,1) 100%);
background: -webkit-linear-gradient(-25deg,  rgba(229,191,218,1) 0%,rgba(214,221,240,1) 25%,rgba(204,233,240,1) 47%,rgba(252,250,216,1) 100%);
background: linear-gradient(155deg,  rgba(229,191,218,1) 0%,rgba(214,221,240,1) 25%,rgba(204,233,240,1) 47%,rgba(252,250,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5bfda', endColorstr='#fcfad8',GradientType=1 );
}

/* 線色 */
.nav__login li.login-nav__item--login a,
.nav__login li.login-nav__item--logout a,
.form--post input[type="checkbox"]:checked:after {
    border-color: #b4d9e1;
}


/* 紙袋Jr.レポート カラーcss
---------------------------------*/
section#jr.section--detail .btnList a {
    border: 1px solid #b4d9e1;
    color: #b4d9e1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
section#jr.section--detail .btnList a:hover {
    border: 1px solid #b4d9e1;
    background: #b4d9e1;
    color: #fff;
}
section#jr.section--detail .new {
    margin: 0;
    color: #b4d9e1;
    font-weight: bold;
    text-align: center;
}
#pageList + div > ul li a, #pageList + div button{
    background: #b4d9e1;
    border: 1px solid #b4d9e1;
    color: #fff;
}
#pageList + div > ul li.current a,
#pageList + div .disabled button{
    background: #fff;
    color: #b4d9e1;
}
@media screen and (min-width: 900px){
  #pageList + div > ul li a:hover,
  #pageList + div button:hover{
    background: #fff;
    color: #b4d9e1;
  }
}



/*PC
=================================== */
@media screen and (min-width: 900px){
    .nav__menu li a:hover,
    .list--info li a:hover .list__txt,
    .list--link a:hover,
    .block--share a:hover,
    .detail__btn a:hover,
    .block--pager li a:hover,
    .page--home .list--pickup li a:hover,
    .page--home .section--contents .list__more a:hover,
    .page--about .menu-nav__item--about a,
    .page--profile .menu-nav__item--profile a,
    .page--information.category-information .menu-nav__item--news a,
    .page--information.category-1 .menu-nav__item--news a,
    .page--information.category-ticket .menu-nav__item--ticket a,
    .page--information.category-3 .menu-nav__item--ticket a,
    .page--movie .menu-nav__item--movie a {
        color: #2C3464;
    }
    .slick-dots .slick-active button,
    header h1 a:hover svg * {fill: #2C3464;}
    .btn--sub:hover,
    .nav__login .login-nav__item--login a:hover,
    .nav__login .login-nav__item--logout a:hover{
        background: #2C3464;
        border:none;
        color:#7f7f7f;
	background: rgb(229,191,218);
background: -moz-linear-gradient(-25deg,  rgba(229,191,218,1) 0%, rgba(214,221,240,1) 25%, rgba(204,233,240,1) 47%, rgba(252,250,216,1) 100%);
background: -webkit-linear-gradient(-25deg,  rgba(229,191,218,1) 0%,rgba(214,221,240,1) 25%,rgba(204,233,240,1) 47%,rgba(252,250,216,1) 100%);
background: linear-gradient(155deg,  rgba(229,191,218,1) 0%,rgba(214,221,240,1) 25%,rgba(204,233,240,1) 47%,rgba(252,250,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5bfda', endColorstr='#fcfad8',GradientType=1 );
    }
}

.page--home .section--contents .list__more a {
  color: #7f7f7f;
}
.page--home .section-tit {color: #7f7f7f;}
.page--home .section-tit .icon--key path{fill: #7f7f7f;}


/*SP
=================================== */
@media screen and (max-width: 900px){

.page--home .section--logo {
padding: 12vh 0 6vh;
}

.page--home .section--logo h1 {
  width: 100%;
}

.page--home .section--logo h1 + .nav__login {
  padding: 0 22%;
}
    .page--home .section--logo h1 + .nav__login li a {
color:#7f7f7f;
	background: rgb(229,191,218);
background: -moz-linear-gradient(-25deg,  rgba(229,191,218,1) 0%, rgba(214,221,240,1) 25%, rgba(204,233,240,1) 47%, rgba(252,250,216,1) 100%);
background: -webkit-linear-gradient(-25deg,  rgba(229,191,218,1) 0%,rgba(214,221,240,1) 25%,rgba(204,233,240,1) 47%,rgba(252,250,216,1) 100%);
background: linear-gradient(155deg,  rgba(229,191,218,1) 0%,rgba(214,221,240,1) 25%,rgba(204,233,240,1) 47%,rgba(252,250,216,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5bfda', endColorstr='#fcfad8',GradientType=1 );

    }
    .page--home .section--logo h1 + .nav__login li.login-nav__item--login a,
    .page--home .section--nav .g-nav li.item--member a {
        color: #b4d9e1;
    }
    

  .menuOpen .btn--drawer span{background: #b4d9e1;}
  .drawer .nav__menu li a,
  .drawer .nav__login li a,
  .drawer .nav__menu li.item--member a,
  .drawer .nav__login li.login-nav__item--login a, .drawer .nav__login li.login-nav__item--logout a {
  	color: #b4d9e1;
  }
  .drawer .icon--key path{fill: #b4d9e1;}








}