*{
    margin: 0;
    position: relative;
    box-sizing: border-box;
}
body {
    min-width: 1024px;
    background: #000000;
}
header>img {
    display: block;
}
img {
    width:100%;
}
a {
    text-decoration: none;
}
.contents-information {
    background: #ffeb3e;
}
.contents-innner {
    max-width: 1024px;
    margin: 0 auto;
}
.information {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
}
span.information-icon {
    margin-bottom: 16px;
    color: #ccaf47;
}
span.information-icon>i {
    font-size: 64px;
}
span.information-catch._main {
    color: #222222;
    font-size: 36px;
    font-weight: bold;
}
span.information-catch._sub {
    color: #222222;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 24px;
}
.information-guide {
    background: linear-gradient(135deg, #816b20 0%,#c9a830 51%,#544510 100%);
    padding: 24px;
    width: 100%;
    text-align: center;
    border-radius: 24px;
    border: 1px solid #f4f4f4;
}
.information-guide-main {
    display: flex;
    align-items: center;
    justify-content: center;
}
.information-guide-main>._text {
    color: #f4f4f4;
    font-size: 24px;
    font-weight: bold;
}
.information-guide-main>._icon {
    background: #222;
    display: inline-block;
    padding: 3px 20px;
    border-radius: 16px;
    color: #f4f4f4;
    font-size: 16px;
    margin-right: 9px;
}
.information-guide-sub {
    color: #f4f4f4;
    font-size: 24px;
    font-weight: bold;
}
.information-guide-sub>._highlight  {
    color: #fcf110;
    font-size: 24px;
    text-decoration: underline;
    font-weight: bold;
}
/*.contents-main:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 160px;*/
/*    left: 0;*/
/*    top: 0;*/
/*    background: linear-gradient(to bottom right, #fea900 50%, #000 50.5%) no-repeat top left/50% 100%, linear-gradient(to bottom left, #fea900 50%, #000 50.5%) no-repeat top right/50% 100%;*/
/*}*/
.areamenu {
    padding-top: 120px;
    margin-bottom: 56px;
    display: none;
}
.areamenu-head {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 56px;
}
.areamenu-head>._main {
    color: #fcf110;
    font-size: 36px;
    font-weight: bold;
}
.areamenu-head>._sub {
    color: #f4f4f4;
    font-size: 16px;
}

.areamenu-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.areamenu-heading {
    color: #f4f4f4;
    font-size: 32px;
    font-weight: bold;
}
.areamenu-box {
    width: 100%;
}
.areamenu-list {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 2px solid #f4f4f4;
    padding: 8px 0;
    flex-wrap: wrap;
}
.areamenu-item {
    margin: 8px 4px;
    list-style: none;
}
.areamenu-button {
    display: block;
    color: #f4f4f4;
    padding: 4px 24px;
    border-radius: 16px;
    border: 1px solid #f4f4f4;
    background: #000;
}


.contents-main {
    padding-top: 24px;
}
.girls-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    min-width: 985px;
    max-width: 1500px;
    margin: 0 auto 20px;
    padding: 0;
}
.girls-item {
    opacity: 0;
    width: 25%;
    padding: 4px 7px 8px;
    box-sizing: border-box;
    animation: fadeIn .2s forwards;
}
@keyframes fadeIn{
    0%{opacity: 0;}
    100%{opacity: 1}
}
.girls-item.is-hidden {
    display: none;
}
.girls-link {
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;;
}
.girls-imageWrap {
    position: relative;
    width: 100%;
    padding-top: 166%;
}
.girls-image {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.girls-image._second {
    opacity: 0;
    transition: all ease .25s;
}
.girls-link:hover .girls-image._second {
    opacity: 1;
}
.girls-information {
    width: 100%;
    padding: 8px 0;
}
.girls-name,
.girls-shop {
    display: block;
    width: 100%;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.2em;
    color: #FFFFFF;
}
.girls-bumon {
    margin-bottom: 4px;
}
.girls-name {
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 20px;
}
.girls-shop {
    padding-bottom: 8px;
    font-size: 12px;
}
.girls-shop:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    display: block;
    width: 0;
    height: 1px;
    background: #FFF;
    transition: all ease-out .2s .1s;
}
.girls-link:hover .girls-shop:after{
    width: 100%;
}
.girls-comment {
    position: absolute;
    top: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% - 56px);
    padding: 0 8px;
    font-size: 12px;
    line-height: 1.5em;
    color: #FFFFFF;
    transition: all ease-out .2s .2s;
}
.girls-area {
    padding: 6px 16px 4px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    display: inline-block;
    background: #F9AF0F;
}
.girls-area._area-h {
    background: rgba(0,204,255,0.6);
}
.girls-area._area-th {
    background: rgba(0,255,216,0.6);
}
.girls-area._area-hr {
    background: rgba(242,71,105,0.6);
}
.girls-area._area-n {
    background: rgba(254,185,1,0.6);
}
.girls-area._area-tt {
    background: rgba(210,103,245,0.6);
}
.girls-area._area-t {
    background: rgba(32,228,1,0.6);
}
.girls-area._area-k {
    background: rgba(254,100,215,0.6);
}
.girls-area._area-q {
    background: rgba(197,161,107,0.6);
}


.girls-outerLink {
    display: block;
    text-align: center;
    padding: 6px 0 4px;
    border: 2px solid;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
}

.girls-outerLink._instagram {
    color: #ff1398;
}
.girls-outerLink._twitter {
    color: #1DA1F2;
}
.girls-outerLink._disable {
    color: #aaaaaa;
}

.girl-moreButton {
    display: block;
    width: 300px;
    margin: 0 auto 20px;
    padding: 8px 0 6px;
    border: 3px solid #050505;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-radius: 30px;
    background: #f8ae0f;
}
.girl-moreButton.js-moreGirl:hover {
    background: #9631e2;
    cursor: pointer;
}
.girl-moreButton.js-moreGirl::after {
    font-family: "Font Awesome 5 Free";
    content: "\f0d7";
    margin-left: 5px;
    color: #000;
}
.girl-moreButton.is-hidden {
    display: none;
}
footer {
    background: #000;
    text-align: center;
    padding: 24px 0;
}

/* ���إå��` */
.logo {
    animation: fadeIn 1s .5s forwards;
}
.left {
    width: 20%;
    margin: 16% 0 0 10%;
    display: inline-block;
}
.right {
    width: 19%;
    position: absolute;
    right: 13%;
    top: 82%;
}
.Selection {
    width: 50%;
    margin: auto;
}
ul.area {
    margin: auto;
    display: table;
    text-align: center;
}
span.area_btn {
    font-size: 23px;
    font-weight: bold;
}
span.zenkoku_btn i {
    margin-left: 2px;
}
/* ���إå��` */

/* ���եå��` */
.footer_box {
    background: #000;
    text-align: center;
    padding-bottom: 100px;
    clear: both;
}
.footer_box li {
    float: left;
    list-style: none;
}
.footer_box p {
    color: #FFC107;
}
.footer_box a {
    color: #FFF;
    margin: 0 15px;
    font-size: 22px;
    display: block;
}
div.area {
    margin: auto;
    padding: 30px 0;
    display: table;
}
.footer_box li a:hover {
    opacity: 0.6;
}

.banner {
    width: 100%;
    padding: 45px 0 0;
}
.footer_logo {
    width: 15%;
    margin: auto;
}
.area p a {
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1.5px;
}
.area p a:after {
    background-color: #FFF;
    content: "";
    display: block;
    height: 1px;
    margin: auto;
    width: 100%;
}
.area p {
    margin-bottom: 20px;
    display: inline-flex;
}
div.area {
    margin: auto;
    padding: 40px 0 50px;
}
.area p a span {
    color: #f9dd9e;
}
p.member_toroku_btn {
    background: #000;
}
p.member_toroku_btn a {
    color: #FFF;
    font-size: 15px;
    letter-spacing: 1.5px;
    display: block;
    padding: 7px 0 5px;
}
p.member_toroku_btn i {
    margin-left: 5px;
}
footer .area ul {
    display: flex;
    padding: 0;
}
.explanation p {
    color: #000;
    letter-spacing: 1.5px;
    font-size: 20px;
}
.explanation {
    margin: 0 0 25px;
}
.explanation p span {
    color: #d70225;
}
/* ���եå��` */

@media screen and (max-width:768px) { 
 ul.area {
	 width:100%;
}
 span.area_btn {
    font-size: 20px;
}
.main-catch {
    font-size: 50px;
	padding: 40px 0 25px 0;
}
.Selection {
    width: 80%;
}
.header_box_01 {
    margin-bottom: 7%;
}
img.nominate-headdingImage._normalview {
    margin-bottom: -8px;
}
.footer_box {
    padding-bottom: 70px;
}
}


/*�إå��`�ϥ��ꥢ��˥�`*/
.topAreamenu {
    text-align: center;
}
.topAreamenu-toggle {
    display: block;
    padding: 8px 0;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    background: #151515;
    color: #FFF;
    cursor: pointer;
}
.topAreamenu-toggle:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    top: 0px;
    position: relative;
    margin-right: 5px;
    color: #d80224;
}
#topAreamenuCheck {
    display: none;
}
.topAreamenu-list {
    height: 0;
    transition: all ease-out .25s;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 0;
    list-style: none;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2) inset;
}
#topAreamenuCheck:checked+.topAreamenu-list {
    height: 50px;
}
.topAreamenu-item {
    margin: 0 8px;
}
.topAreamenu-link {
    color: #151515;
    border-bottom: 2px solid;
    padding: 2px 4px;
    display: inline-block;
    font-size: 14px;
}
.touhyou_announce{
    text-align: center;
    color: #fff;
    margin: 0 auto 31px;
    padding: 10px;
    width: 500px;
    font-size: 22px;
    font-weight: bold;
    border: 1px solid #fff;
    background: rgba(3,3,3,0.8);
    border-radius: 15px;
}