@charset  "utf-8";

/* latin */
@font-face {
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    src: local('Abel'), local('Abel-Regular'), url(https://fonts.gstatic.com/s/abel/v6/UzN-iejR1VoXU2Oc-7LsbvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* cyrillic-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/fhNmDCnjccoUYyU4ZASaLVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/BJVWev7_auVaQ__OU8Qih1KPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/oysROHFTu1eTZ74Hcf8V-VKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/CWlc_g68BGYDSGdpJvpktgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* - general
 ------------------------------------------------------------ */
.yuko {
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    background-color: #fff;
    margin: 0;
}
.yuko .wrapping {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
}
.yuko [class*=grid-].wrapping {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
}
.yuko [class*=grid-][class*=-noGutter].wrapping {
    max-width: 1380px;
    width: 100%;
    margin: 0 auto;
}
.yuko[class*=grid] {
    margin: 45px 0 0 0;
}
.yuko .x-pc {
    display: none;
}
.yuko .inner:not(.no-100) {
    width: 100%;
    padding: 1em;
}
section {
    width: 100%;
}
.yuko em {
    font-style: normal;
}
a:hover {
    opacity: 0.8;
}

/* - header
 ------------------------------------------------------------ */
.yuko header {
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: cover;
    width: 100%;
    position: relative;
}
.yuko header .h1 {
    width: 100%;
}
.yuko header .h1 img {
    text-align: center;
    padding: 10px 0 0 0;
    margin: 0 auto;
    display: block;
}

/* - .guideline
 ------------------------------------------------------------ */
.yuko .guideline .h2 {
    font-weight: normal;
    font-size: 1.85em;
    line-height: 1.2;
    margin: .5em 0 1em;
    color: #665c4a;
}
.yuko .guideline .h2 span {
    display: block;
    font-size: 124%;
    letter-spacing: 5px;
}
.intro {
}
.intro:before {
    content: '';
    height: 10px;
    width: 100%;
    display: block;
    border: 1px solid #c8b48d;
    border-radius: 2px;
    margin: 0 0 3em;
}
.intro:after {
    content: '';
    height: 10px;
    width: 100%;
    display: block;
    border: 1px solid #c8b48d;
    border-radius: 2px;
    margin: 3em 0;
}
.intro p {
    margin: 1em 0;
    line-height: 1.8;
}
.audition {
}
.audition .timeline {
    border: 1px solid #baaf9c;
    padding: 1em;
}
.audition .timeline img {background-color: #f8f6f1;padding: 1em;}
.audition p {
    margin: 1.5em 0;
    line-height: 1.8;
}
.audition p span {
    display: block;
    padding: 0 0 0 1em;
}
.audition p em {
    background-color: #f6f5ed;
    font-size: 120%;
    padding: .15em;
    color: #592d0a;
}
.audition h3 {
    font-size: 1.75em;
    font-weight: normal;
    margin: 2em 0 1em;
    border-top: 1px dotted #ccc;
    padding: 1em 0 0 0;
}
.audition p b {
}
.btn-link {
    margin: 2em 0 0 0;
    text-align: center;
}
.btn-link .req {
    display: block;
    background-color: #edb859;
    padding: .7em .5em;
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin: .5em 0;
    border-radius: 4px;
}

.btn-link span {
    font-size: 85%;
}
.btn-link.close p {
    display: inline-block;
    border: 1px solid #3498db;
    color: #3498db;
    padding: .5em 2em;
    font-size: 1.2em;
    font-weight: bold;
}
.step-video {margin: 2em 0;}
.step-video h4 {font-weight: normal;text-align: center;margin: .5em 0;font-size: 1.3em;}
.step-video p {text-align: center;margin: 1em 0;}
.step-video a.btn {display: block;padding: 1.1em 0;font-size: .95em;}
.step-video .reg {
    display: block;
    background-color: #96ca74;
    padding: 1em 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

/* - aside
 ------------------------------------------------------------ */

/*date*/
.yuko .date {
    background-image: url(../images/su.png);
    background-repeat: no-repeat;
    background-position: center top -61px;
    background-color: #f6f5ed;
    padding: 6em 1em 1em 1em;
    color: #665c4a;
    margin: 50px 0 2em;
    border-radius: 6px;
}
.date li {
    margin: .3em 0;
    line-height: 1.5;
    font-size: 120%;
}
.date li span {
    display: block;
    padding: 0 0 .5em 1em;
}
.date li span em {
}
.date li em {
    font-size: 180%;
}
.line {display: block;margin: 0 auto 1.8em;}

/*profile*/
.yuko .profile {
    background-image: url(../images/giu.png);
    background-repeat: no-repeat;
    background-position: center bottom -64px;
    background-color: #f6f5ed;
    padding: 1em 1em 5em 1em;
    color: #603615;
    border-radius: 6px;
}
.yuko .profile p {
    margin: 1.3em 0;
    line-height: 1.6;
    font-size: .85em;
}
.profile h3 {
    font-weight: normal;
    font-size: 2em;
    margin: 1em 0 0 0;
}
.profile p {
}
.profile p a {
}

/*contents*/
.yuko .contents {
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    background-position: center bottom -38px;
    background-size: 68%;
    padding: 1em 1em 10em;
}

/* - .video-container
 ------------------------------------------------------------ */
.yuko .video {
    margin: 2em auto;
    width: 100%;
}
.yuko .video-container {
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
}

.yuko .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* - a #credit
------------------------------------------------------------ */
.yuko .copyright {
    font-size: .8em;
    text-align: center;
    padding: 10px;
    background-color: #f1efe3;
    border-top: 1px dotted #DEDEDE;
    width: 100%;
}
.yuko .copyright a {
    color: #F16E51;
    font-size: 1em;
}

/* - .socialIcon
------------------------------------------------------------ */
.yuko .socialIcon {
    width: 100%;
    padding: 0 4em;
}
.yuko .socialIcon .flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    margin: 20px auto;
    border-top: 1px dotted #ccc;
    padding: 14px 0 10px;
    border-bottom: 1px dotted #ccc;
    max-width: 500px;
}
.yuko .socialIcon .flex-container .social {
    -webkit-justify-content: center;
    justify-content: center;
    align-content: space-between;
    width: 80px;
}
.yuko .fb-like {
    top: -1px;
}

/* - page scroll
------------------------------------------------------------ */
#page-top {
    position: fixed;
    bottom: 150px;
    right: 20px;
    z-index: 10;
}
#page-top a {
    font-size: 12px;
    padding: 30px 0;
    background: #8E7B87;
    text-decoration: none;
    color: #fff !important;
    width: 100px;
    height: 77px;
    text-align: center;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #C0BBAC;
}

/* - ## x >= 540px
------------------------------------------------------------ */
@media screen and (min-width:540px) {
    .yuko[class*=grid] {
        margin: 118px 0 0 0;
        position: relative;
        top: -1px;
    }
}

/* - ## x >= 569px
------------------------------------------------------------ */
@media screen and (min-width:569px) {
}

/* - ## x >= 769px
------------------------------------------------------------ */
@media screen and (min-width:769px) {
    .yuko .x-pc {
        display: block;
    }
}

/* - ## x >= 800px
------------------------------------------------------------ */
@media screen and (min-width:800px) {
    .yuko[class*=grid] {
        margin: 58px 0 0 0;
    }
}

/* - ## x >= 1025px
------------------------------------------------------------ */
@media screen and (min-width:1025px) {
    .yuko {
        font-size: 16px;
    }
    .yuko .contents {
        padding: 1em 1em 15em;
    }
    /*video*/
    .yuko .video {
        width: 80%;
    }
}

/* - ## x >= 1281px
------------------------------------------------------------ */
@media screen and (min-width:1281px) {
}

/* - ## x >= 540 - 940
------------------------------------------------------------ */
@media screen and (min-width:540px) and (max-width:940px) {
    .nav-list .nav-item:last-child {
        display: none;
    }
    .nav-list .nav-item:first-child {
        display: none;
    }
}

[class*=grid-1]>.col,[class*=grid-1]>[class*=col-]{width:100%}[class*=grid-2]>.col,[class*=grid-2]>[class*=col-]{width:50%}[class*=grid-3]>.col,[class*=grid-3]>[class*=col-]{width:33.33333333%}[class*=grid-4]>.col,[class*=grid-4]>[class*=col-]{width:25%}[class*=grid-5]>.col,[class*=grid-5]>[class*=col-]{width:20%}[class*=grid-6]>.col,[class*=grid-6]>[class*=col-]{width:16.66666667%}[class*=grid-7]>.col,[class*=grid-7]>[class*=col-]{width:14.28571429%}[class*=grid-8]>.col,[class*=grid-8]>[class*=col-]{width:12.5%}[class*=grid-9]>.col,[class*=grid-9]>[class*=col-]{width:11.11111111%}[class*=grid-10]>.col,[class*=grid-10]>[class*=col-]{width:10%}[class*=grid-10]>[class*=col-],[class*=grid-11]>.col{width:9.09090909%}[class*=grid-11]>[class*=col-],[class*=grid-12]>.col{width:8.33333333%}@media screen and (max-width:80em){[class*=_lg-1]>.col,[class*=_lg-1]>[class*=col-]{width:100%}[class*=_lg-2]>.col,[class*=_lg-2]>[class*=col-]{width:50%}[class*=_lg-3]>.col,[class*=_lg-3]>[class*=col-]{width:33.33333333%}[class*=_lg-4]>.col,[class*=_lg-4]>[class*=col-]{width:25%}[class*=_lg-5]>.col,[class*=_lg-5]>[class*=col-]{width:20%}[class*=_lg-6]>.col,[class*=_lg-6]>[class*=col-]{width:16.66666667%}[class*=_lg-7]>.col,[class*=_lg-7]>[class*=col-]{width:14.28571429%}[class*=_lg-8]>.col,[class*=_lg-8]>[class*=col-]{width:12.5%}[class*=_lg-9]>.col,[class*=_lg-9]>[class*=col-]{width:11.11111111%}[class*=_lg-10]>.col,[class*=_lg-10]>[class*=col-]{width:10%}[class*=_lg-10]>[class*=col-],[class*=_lg-11]>.col{width:9.09090909%}[class*=_lg-11]>[class*=col-],[class*=_lg-12]>.col{width:8.33333333%}}@media screen and (max-width:64em){[class*=_md-1]>.col,[class*=_md-1]>[class*=col-]{width:100%}[class*=_md-2]>.col,[class*=_md-2]>[class*=col-]{width:50%}[class*=_md-3]>.col,[class*=_md-3]>[class*=col-]{width:33.33333333%}[class*=_md-4]>.col,[class*=_md-4]>[class*=col-]{width:25%}[class*=_md-5]>.col,[class*=_md-5]>[class*=col-]{width:20%}[class*=_md-6]>.col,[class*=_md-6]>[class*=col-]{width:16.66666667%}[class*=_md-7]>.col,[class*=_md-7]>[class*=col-]{width:14.28571429%}[class*=_md-8]>.col,[class*=_md-8]>[class*=col-]{width:12.5%}[class*=_md-9]>.col,[class*=_md-9]>[class*=col-]{width:11.11111111%}[class*=_md-10]>.col,[class*=_md-10]>[class*=col-]{width:10%}[class*=_md-10]>[class*=col-],[class*=_md-11]>.col{width:9.09090909%}[class*=_md-11]>[class*=col-],[class*=_md-12]>.col{width:8.33333333%}}@media screen and (max-width:48em){[class*=_sm-1]>.col,[class*=_sm-1]>[class*=col-]{width:100%}[class*=_sm-2]>.col,[class*=_sm-2]>[class*=col-]{width:50%}[class*=_sm-3]>.col,[class*=_sm-3]>[class*=col-]{width:33.33333333%}[class*=_sm-4]>.col,[class*=_sm-4]>[class*=col-]{width:25%}[class*=_sm-5]>.col,[class*=_sm-5]>[class*=col-]{width:20%}[class*=_sm-6]>.col,[class*=_sm-6]>[class*=col-]{width:16.66666667%}[class*=_sm-7]>.col,[class*=_sm-7]>[class*=col-]{width:14.28571429%}[class*=_sm-8]>.col,[class*=_sm-8]>[class*=col-]{width:12.5%}[class*=_sm-9]>.col,[class*=_sm-9]>[class*=col-]{width:11.11111111%}[class*=_sm-10]>.col,[class*=_sm-10]>[class*=col-]{width:10%}[class*=_sm-10]>[class*=col-],[class*=_sm-11]>.col{width:9.09090909%}[class*=_sm-11]>[class*=col-],[class*=_sm-12]>.col{width:8.33333333%}}@media screen and (max-width:35.5em){[class*=_xs-1]>.col,[class*=_xs-1]>[class*=col-]{width:100%}[class*=_xs-2]>.col,[class*=_xs-2]>[class*=col-]{width:50%}[class*=_xs-3]>.col,[class*=_xs-3]>[class*=col-]{width:33.33333333%}[class*=_xs-4]>.col,[class*=_xs-4]>[class*=col-]{width:25%}[class*=_xs-5]>.col,[class*=_xs-5]>[class*=col-]{width:20%}[class*=_xs-6]>.col,[class*=_xs-6]>[class*=col-]{width:16.66666667%}[class*=_xs-7]>.col,[class*=_xs-7]>[class*=col-]{width:14.28571429%}[class*=_xs-8]>.col,[class*=_xs-8]>[class*=col-]{width:12.5%}[class*=_xs-9]>.col,[class*=_xs-9]>[class*=col-]{width:11.11111111%}[class*=_xs-10]>.col,[class*=_xs-10]>[class*=col-]{width:10%}[class*=_xs-10]>[class*=col-],[class*=_xs-11]>.col{width:9.09090909%}[class*=_xs-11]>[class*=col-],[class*=_xs-12]>.col{width:8.33333333%}}[class*=grid]>[class*=col-1]{width:8.33333333%}[class*=grid]>[class*=col-2]{width:16.66666667%}[class*=grid]>[class*=col-3]{width:25%}[class*=grid]>[class*=col-4]{width:33.33333333%}[class*=grid]>[class*=col-5]{width:41.66666667%}[class*=grid]>[class*=col-6]{width:50%}[class*=grid]>[class*=col-7]{width:58.33333333%}[class*=grid]>[class*=col-8]{width:66.66666667%}[class*=grid]>[class*=col-9]{width:75%}[class*=grid]>[class*=col-10]{width:83.33333333%}[class*=grid]>[class*=col-11]{width:91.66666667%}[class*=grid]>[class*=col-12]{width:100%}@media screen and (max-width:80em){[class*=grid]>[class*=_lg-1]{width:8.33333333%}[class*=grid]>[class*=_lg-2]{width:16.66666667%}[class*=grid]>[class*=_lg-3]{width:25%}[class*=grid]>[class*=_lg-4]{width:33.33333333%}[class*=grid]>[class*=_lg-5]{width:41.66666667%}[class*=grid]>[class*=_lg-6]{width:50%}[class*=grid]>[class*=_lg-7]{width:58.33333333%}[class*=grid]>[class*=_lg-8]{width:66.66666667%}[class*=grid]>[class*=_lg-9]{width:75%}[class*=grid]>[class*=_lg-10]{width:83.33333333%}[class*=grid]>[class*=_lg-11]{width:91.66666667%}[class*=grid]>[class*=_lg-12]{width:100%}}@media screen and (max-width:64em){[class*=grid]>[class*=_md-1]{width:8.33333333%}[class*=grid]>[class*=_md-2]{width:16.66666667%}[class*=grid]>[class*=_md-3]{width:25%}[class*=grid]>[class*=_md-4]{width:33.33333333%}[class*=grid]>[class*=_md-5]{width:41.66666667%}[class*=grid]>[class*=_md-6]{width:50%}[class*=grid]>[class*=_md-7]{width:58.33333333%}[class*=grid]>[class*=_md-8]{width:66.66666667%}[class*=grid]>[class*=_md-9]{width:75%}[class*=grid]>[class*=_md-10]{width:83.33333333%}[class*=grid]>[class*=_md-11]{width:91.66666667%}[class*=grid]>[class*=_md-12]{width:100%}}@media screen and (max-width:48em){[class*=grid]>[class*=_sm-1]{width:8.33333333%}[class*=grid]>[class*=_sm-2]{width:16.66666667%}[class*=grid]>[class*=_sm-3]{width:25%}[class*=grid]>[class*=_sm-4]{width:33.33333333%}[class*=grid]>[class*=_sm-5]{width:41.66666667%}[class*=grid]>[class*=_sm-6]{width:50%}[class*=grid]>[class*=_sm-7]{width:58.33333333%}[class*=grid]>[class*=_sm-8]{width:66.66666667%}[class*=grid]>[class*=_sm-9]{width:75%}[class*=grid]>[class*=_sm-10]{width:83.33333333%}[class*=grid]>[class*=_sm-11]{width:91.66666667%}[class*=grid]>[class*=_sm-12]{width:100%}}@media screen and (max-width:35.5em){[class*=grid]>[class*=_xs-1]{width:8.33333333%}[class*=grid]>[class*=_xs-2]{width:16.66666667%}[class*=grid]>[class*=_xs-3]{width:25%}[class*=grid]>[class*=_xs-4]{width:33.33333333%}[class*=grid]>[class*=_xs-5]{width:41.66666667%}[class*=grid]>[class*=_xs-6]{width:50%}[class*=grid]>[class*=_xs-7]{width:58.33333333%}[class*=grid]>[class*=_xs-8]{width:66.66666667%}[class*=grid]>[class*=_xs-9]{width:75%}[class*=grid]>[class*=_xs-10]{width:83.33333333%}[class*=grid]>[class*=_xs-11]{width:91.66666667%}[class*=grid]>[class*=_xs-12]{width:100%}}