/**
Theme Name: JIN:R child
Template: jinr
Author: CROOVER Inc.
Author URI: https://croover.co.jp
Version: 1.00
*/

/* Jinrアコーディオンブロックの上下線の削除 */
.accordion_cust dl {
	border: none!important;
}
h4.h4_cstm {
    margin-top: 0!important;
	padding: 0 !important;
    line-height: 1.5;
	background-color: unset !important;
}

@media (min-width: 552px) {
	.accordion_cust {
		margin-top: 1.0rem!important;
	}
    .accordion_cust .a--accordion-title {
        padding: 5px 69px 5px 5px;
        line-height: 1.35;
    }
	.accordion_cust .a--accordion-toggle {
        top: 5px;
        right: 5px;
    }
	.accordion_cust .c--accordion-contents {
        font-size: 0.9em;
        line-height: 1.6;
        padding: 0px 5px 15px 5px;
    }
	.sponsorship-plan .b--jinr-compare.b--compare-count3 {
        overflow: hidden;
    }
	.sponsorship-plan .b--jinr-compare.b--compare-count3 .o--compare-child {
		flex-basis: calc((100% / 3) - 8px);
		flex-shrink: 0;
	}
}

.c--jinr-movie {
    filter: brightness(60%);
}

/* 下層ディレクトリのヘッダー背景の削除 */
.d--jinr-gradation1 {
    background: none!important;
}

@media (max-width: 551px) {
	#footerMenuList .menu-item:not(:first-child) {
		padding: 0 12px;
		border: none!important;
	}
	#footerMenuList li {
		padding: 6px 0 !important;
		width: 100%;
		text-align: center;
	}
}


@import url(https://fonts.googleapis.com/css?family=Exo+2:200i);

:root {  
  /* Set neon color */
  --neon-text-color: #f40;
  --neon-border-color: #08f;
}

.a--movie-maincopy {
	width: fit-content;
	font-size: 13rem;
    font-weight: 200;
    font-style: italic;
    color: #fff;
    padding: 1.5rem 5rem 1.2rem;
    border: 0.2rem solid #fff;
    border-radius: 2rem;
    text-transform: uppercase;
    animation: flicker 1.5s infinite alternate;
    margin: 0 auto;
}

.a--movie-maincopy::-moz-selection {
  background-color: var(--neon-border-color);
  color: var(--neon-text-color);
}

.a--movie-maincopy::selection {
  background-color: var(--neon-border-color);
  color: var(--neon-text-color);
}

.a--movie-maincopy:focus {
  outline: none;
}

/* Animate neon flicker */
@keyframes flicker {
    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      
        text-shadow:
            -0.2rem -0.2rem 1rem #fff,
            0.2rem 0.2rem 1rem #fff,
            0 0 2rem var(--neon-text-color),
            0 0 4rem var(--neon-text-color),
            0 0 6rem var(--neon-text-color),
            0 0 8rem var(--neon-text-color),
            0 0 10rem var(--neon-text-color);
        
        box-shadow:
            0 0 .5rem #fff,
            inset 0 0 .5rem #fff,
            0 0 2rem var(--neon-border-color),
            inset 0 0 2rem var(--neon-border-color),
            0 0 4rem var(--neon-border-color),
            inset 0 0 4rem var(--neon-border-color);        
    }
    
    20%, 24%, 55% {        
        text-shadow: none;
        box-shadow: none;
    }    
}


.a--movie-subcopy {
	font-size: clamp(3.0rem, 3.6vw, 3.456rem)!important;
}
.a--movie-subcopy {
	width: fit-content;
    font-weight: 200;
    font-style: italic;
    color: #fff;
    padding: 1.5rem 5rem 1.2rem;
    text-transform: uppercase;
    animation: flicker2 1.5s infinite alternate;
    margin: 0 auto;
}

.a--movie-subcopy::-moz-selection {
  background-color: var(--neon-border-color);
  color: var(--neon-text-color);
}

.a--movie-subcopy::selection {
  background-color: var(--neon-border-color);
  color: var(--neon-text-color);
}

.a--movie-subcopy:focus {
  outline: none;
}

/* Animate neon flicker */
@keyframes flicker2 {
    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      
        text-shadow:
            -0.2rem -0.2rem 1rem #fff,
            0.2rem 0.2rem 1rem #fff,
            0 0 2rem var(--neon-text-color),
            0 0 4rem var(--neon-text-color),
            0 0 6rem var(--neon-text-color),
            0 0 8rem var(--neon-text-color),
            0 0 10rem var(--neon-text-color);
              
    } 
}


/* Borderless Culture Festページの設定 */
.cust_template_movie .c--jinr-movie {
    filter: unset;
}
/* main.cust_template {
	background: #FFFFFF!important;
} */
@media (max-width: 551px) {
    .cust_template_movie .c--jinr-movie {
        height: 440px;
    }
}

/* スマホビューレイアウト調整 */
@media (max-width: 551px) {
	#postContent {
		margin-top: clamp(60px, 3.9vw, 45px);
	}
}


.wpcf7 p {
    color: #FFF;
}