@charset "utf-8";
        /* CSS */
        @charset "utf-8";
        /* CSS */
        @charset "utf-8";
/* CUSTOM BASIC */
h1 {
    background: #000000E6;
    filter: drop-shadow(0px 0px 5px #00000099);
}

::placeholder {
  color: #ff7f71;
}
.logo img {
    filter: drop-shadow(0px 0px 5px #ffffff99);
}
h1{
	background: url(../images/xpattern.jpg) center;
	color: #FFFFFF;
	font-weight:bold;
	padding: 8px;
}
i.status {
    border-radius: 5px;
}

/* keyframes */
@keyframes brightness {
    0% {
        filter: brightness(2);
    }
    10% {
        filter: brightness(1);
    }
    20% {
        filter: brightness(2);
    }
    30% {
        filter: brightness(1);
    }
    40% {
        filter: brightness(2);
    }
    100% {
        filter: brightness(1);
    }
}
@keyframes transformSmall {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px #00000099);
    }
}
@keyframes translateUp { 
    0% { 
        filter: opacity(20%);
        transform: translateY(20px); 
    } 
    100% {
        filter: opacity(100%);
        transform: translateY(0); 
    } 
}
@keyframes translateDown { 
    0% { 
        filter: opacity(20%);
        transform: translateY(-20px); 
    } 
    100% {
        filter: opacity(100%);
        transform: translateY(0); 
    } 
}
@keyframes translateLeft { 
    0% { 
        filter: opacity(20%);
        transform: translateX(-20px); 
    } 
    100% {
        filter: opacity(100%);
        transform: translateX(0); 
    } 
} 
@keyframes translateRight { 
    0% { 
        filter: opacity(20%);
        transform: translateX(20px); 
    } 
    100% {
        filter: opacity(100%);
        transform: translateX(0); 
    } 
} 

.prTxt {
    padding:15px 0;
    font-size:2em;
    font-weight:bold;
    background:rgba(0,0,0,0.9);
}

/*年齢認証ページ*/
body.index main .logo {
	padding: 140px 0px 140px 0px;
    text-align: center;
    
    img {
        width: 680px;
        animation-name: brightness;
        animation-duration: 1s;
    }
}
body.index main nav.admission {
    border-top: solid 5px var(--contents-link-BG1);
    border-bottom: solid 5px var(--contents-link-BG1);
    background-color: #ffffff;
    background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 15px 15px, linear-gradient(#ffcdce 1.2000000000000002px, transparent 1.2000000000000002px) 0 -0.6000000000000001px, linear-gradient(90deg, #ffcdce 1.2000000000000002px, #ffffff 1.2000000000000002px) -0.6000000000000001px 0;
    background-size: 30px 30px, 30px 30px, 15px 15px, 15px 15px;

    li.button {
        padding: 10px;
    
        a {
            color: #b23333;
            width: 260px;
            background: linear-gradient(135deg, rgba(255, 188, 189, 1) 0%, rgba(255, 148, 152, 1) 50%, rgba(255, 188, 189, 1) 100%);
            box-shadow: 0 5px 15px 0 rgba(255, 255, 255, 0.8);
            transition: .5s;
            background-size: 300%;
            border: none;
            border-radius: 10px;
            padding: 15px 5px;
        }
    
        a:hover {
            background-position: right center;
            box-shadow: 0 5px 15px 0 rgba(255, 188, 189, 0.8);
            animation: none;
        }
    }
}
body.index main .info {
    display: inline-block;
    background-color: #FFFFFF90;
    box-shadow: 0 5px 15px 0 rgba(255, 188, 189, 0.8);
    padding: 15px;
    margin: 15px 0px 100px 0px;
    border-radius: 10px;
}


/* footer */
footer ul.menu {
    padding: 15px 0px;
    margin: 0 auto;
}
footer ul.menu a {
    color: #ffffb0;
}
footer ul.menu a:hover {
    color: #fbff3a;
    text-decoration: underline;
}
footer .copyright {
    color: #FFFFFF;
    background: url(../images/xpattern.jpg) center;
    border-top: solid 2px #FF2C2C;
    filter: none;
    padding: 10px;
}


/*メインヘッダー*/
body.contents header {
    .info {
        background-size: 2400px auto;
        
        .logo {
            padding: 40px 0px 40px 0px;
            animation-name: brightness;
            animation-duration: 1s;
        
            img {
                max-width: 540px;
                animation-name: brightness;
                animation-duration: 1s;
            }
        }
    }
}


/*トップメニュー*/
body.contents header nav.menu ul {
    background-color: #ffffff;
    background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 15px 15px, linear-gradient(#ffcdce 1.2000000000000002px, transparent 1.2000000000000002px) 0 -0.6000000000000001px, linear-gradient(90deg, #ffcdce 1.2000000000000002px, #ffffff 1.2000000000000002px) -0.6000000000000001px 0;
    background-size: 30px 30px, 30px 30px, 15px 15px, 15px 15px;
    
    border-top: solid 4px #ff4949;
    border-bottom: solid 4px #ff4949;
    
    li {
        a {
            border-radius: 5px;
            color: #ffffb0;
        }
    }
    
    li:hover {
        a {
            color: #fbff3a;
            filter: drop-shadow(0px 0px 5px rgba(250, 255, 58, 1));
        }
    }    
}

/* H2 */
body.contents main article section h2 {
    position: relative;
    padding: 0px 0px 5px 0px;
    border-radius: 5px 5px 0px 0px;
    border-top: solid 1px #ff4949;
    border-left: solid 1px #ff4949;
    border-right: solid 1px #ff4949;
    background-color: #fc3333;
    background-image:  repeating-linear-gradient(45deg, #ff4a4a 25%, transparent 25%, transparent 75%, #ff4a4a 75%, #ff4a4a), repeating-linear-gradient(45deg, #ff4a4a 25%, #fc3333 25%, #fc3333 75%, #ff4a4a 75%, #ff4a4a);
    background-position: 0 0, 8px 8px;
    background-size: 16px 16px;
    text-shadow: 2px 2px #ff4949;
    
    em {
        color: #FF2C2C;
        background: rgba(255,255,255,0.5);
        padding: 5px 0px 5px 0px;
        margin: 0px 0px 5px 0px;
        border-radius: 5px 5px 0px 0px;
        font-weight: bold;
        text-shadow: 2px 2px #FFFFFF;
    }
}
body.contents main article section h3 {
    border-radius: 5px 5px 0px 0px;
}

/* wrapper */
body.contents main article.slide {
    background: var(--contents-sub-BG1);
}
body.contents main article {
    section.ad, section.standby, section.news, section.pickup, section.movie {
        .wrapper {
            border: solid 1px #FF2C2C;
            border-radius: 0px 0px 5px 5px;
        }
    }
    
    section.news {
        .wrapper li {
            border-bottom: solid 1px #cccccc !important;
        }
    }
    
    section.newsInfo {
        .wrapper {
            border: none;
            
            .inbox {
                border-radius: 5px;
            }
        }
    }
    
    section.girls .wrapper li {
        border-radius: 10px;
        
        .photo {
            border-radius: 10px;
            
            p.catchcopy {
                color: #FF4949;
            }
        }
    }
    
    section.girl {
        .thumb {
            background: #FF4949;
        }
        
        .profile {
            background-color: #FFFFFF90;

            box-shadow: 0 5px 15px 0 rgba(255, 188, 189, 0.8);
            color: #222222;
            border-radius: 5px;
            
            p.catchcopy {
                color: #6e3030 !important;
            }
            
            div.comment {
                background: #FF494925;
                border-radius: 5px;
                color: #222222;
            }
        }
    }
    
    section.system .wrapper li {
        table {
        caption {
            position: relative;
            text-align: center;
            font-weight: bold;
            padding: 10px;
            margin: 0 auto;
            border: none;
        }
        caption:before, caption:after {
            content: "";
            position: absolute;
            top: 50%;
            display: inline-block;
            width: 32%;
            height: 2px;
            background: var(--contents-title-F2);
        }
        caption:before {
            left: 5px;
        }
        caption:after {
            right: 5px;
        }
        th, td {
            border-radius: 5px;
        }
        th {
            background: #ff4a4a;
            
        }
        td {
            background: var(--contents-sub-BG1);
            color: var(--contents-sub-F1);
        }
        }
        .comment {
            border-radius: 5px;
            background-color: #FFFFFF90;
            border: solid 1px #cccccc;
        }
        .caution {
            border-radius: 5px;
            box-shadow: 0 5px 15px 0 rgba(255, 188, 189, 0.8);
        }
    }
    
    section.event .wrapper {
        li {
            border-radius: 10px;
            
            .comment {
                border-radius: 10px;
            }
        }
    }
    
    section.mailmagazine .wrapper {
        .banner {
            background: #ffaaaa;
            border-radius: 10px;
        }
    }
}

body.contents main article section.ranking .wrapper li {
    color: #ffffff;
}
body.contents main article section.ranking .title {
    color: #FF4949;
    border: solid 1px #FF4949;
}


/* ポイント文字 */
body.contents main article {
    section.news .wrapper p.title em, section.pickup .wrapper li .photo .profile p, section.movie .profile p.catchcopy {
        color: #6e3030 !important;
    }
}



body.contents main article section.girls .wrapper li div.icon {
    padding: 5px 0px;
}



@media screen and (min-width: 0px) and (max-device-width: 720px) {
.prTxt {
    padding: 6px 0;
    font-size: 1.2em;
}
body.index main .logo {
    padding: 10% 0px 10% 0px;
    background-position: 50% 0px;
    background-size: 250% auto;
}
body.index main .logo img {
    width: 70%;
}
body.index main nav.admission li.button {
    width: 49%;
    padding: 0px;
    margin: 0 0.5% 3% 0.5%;
    font-size: 0.8em;
    
    a {
        width: auto;
        padding: 6px 0px;
    }
}
body.index main nav.admission li p {
    font-size: 0.7em;
}

body.index main .info {
    border-radius: 0px;
    margin-bottom: 30px;
}


body.contents header .info {
    background-size: 200% auto;
    background-position: 50% 0px;
}
body.contents header .info .logo {
    padding: 4% 0px 4% 0px;
}
body.contents header .info .logo img {
    width: 50%;
}
nav.globalMenuSp ul li.logo img {
    width: 80%;
}
nav.globalMenuSp ul li.title {
    color: #ffffff;
}
.navToggle.active {
    background: #ffffff70;
    opacity: unset;

}

body.contents header .info .contact {
    padding: 5px 2%;
}
body.contents header nav.menu ul {
    padding: 0.6% 0px;
}
body.contents header nav.menu ul li {
    font-size: 0.6em;
    width: 32%;
    margin: 0.6%;
}
body.contents header nav.menu ul li a {
    padding: 5px 0px;
}
body.contents main article section h2 {
    font-size: 0.8em;
    border-radius: 0px;
    padding: 0px 0px 2px 0px;
    
    em {
        padding: 2px 0px 2px 0px;
        margin: 0px 0px 2px 0px;
        border-radius: 0px;
    }
}
body.contents main article section h3 {
    border-radius: 0px;
    font-size: 0.8em;
    padding: 4px;
}
body.contents main article section {
    border-radius: 0px;
    border-bottom: solid 1px #FF2C2C;
}
body.contents main article {
    border: 0px;
    
    & section.ad, & section.standby, & section.news, & section.pickup, & section.movie {
        .wrapper {
            border: 0px;
            border-radius: 0px;
        }
    }
    
    & section.newsInfo {
        & .wrapper {
            .inbox {
                border: 0px;
                border-top: solid 1px #FF2C2C;
                border-radius: 0px;
            }
        }
    }
}
body.contents main article.slide section {
    border-top: solid 1px #FF2C2C;
}


body.contents main article section.girl .profile div.comment {
    margin: 0px 10px 10px 10px;
}
body.contents main article section.event .wrapper li {
    border-radius: 0px;
}
body.contents main article section.event .wrapper li .title {
    border-radius: 0px;
}
body.contents main article section.mailmagazine .wrapper .banner {
    width: 100%;
    padding: 0px;
    border-radius: 0px;
}
}