@charset  "utf-8";

/* latin-ext */
@font-face {
    font-family: 'Doppio One';
    font-style: normal;
    font-weight: 400;
    src: local('Doppio One Regular'),local(DoppioOne-Regular),url(https://fonts.gstatic.com/s/doppioone/v4/vX75dKv8e7RM59WCf4mUTgsYbbCjybiHxArTLjt7FRU.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: 'Doppio One';
    font-style: normal;
    font-weight: 400;
    src: local('Doppio One Regular'),local(DoppioOne-Regular),url(https://fonts.gstatic.com/s/doppioone/v4/DGr_HuCg-_zePcleoqvEXwzyDMXhdD8sAj6OAJTFsBI.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,U+E0FF,U+EFFD,U+F000;
}

/* - .monitor-extra
 ------------------------------------------------------------ */
article.monitor-extra {
    background-color: #fff;
    font-size: 16px;
    margin: 0;
}

.monitor-extra .contents-wrapper {
    max-width: 1380px;
    margin: 0 auto;
    width: 90%;
}

.monitor-extra .wrapping,
.monitor-extra [class*=grid-].wrapping,
.monitor-extra [class*=grid-][class*=noGuter-].wrapping {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
}

.monitor-extra .white-space span:not(.eccetto) {
    white-space: nowrap;
    display: inline-block;
}

/*ie9*/
.monitor-extra [class*=grid-][class*=-equalHeight]>[class*=col] {
}

.monitor-extra .previousMonitor {
    clear: left;
}

.monitor-extra .tutorEx {
    clear: left;
}

.monitor-extra .previousMonitor ul {
    text-align: center;
}

.monitor-extra .previousMonitor li {
    display: inline-block;
}

.monitor-extra .tutorEx li {
    display: inline-block;
}

/* - .monitor-extra a:link;
 ------------------------------------------------------------ */
.monitor-extra .apply {
    text-align: center;
    margin: 3em auto;
}
.monitor-extra .apply.bg {
    background-color: #fbfbf8;
    padding: 1em 0;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2em auto 0;
    width: 100%;
    padding: 2em 0;
}
.monitor-extra .apply a {
}

.monitor-extra .registerUser {
    background-color: #4B5CA5;
}

.monitor-extra .row {
    text-align: center;
}

.monitor-extra .closed {
    padding: .5em 2em;
    font-size: 1.5em;
    letter-spacing: 5px;
    margin: 1em 1em 0;
    border: 2px solid #b0d4ea;
    font-weight: 700;
    color: #4188b3;
    display: inline-block;
}

/* - .monitor-extra header
 ------------------------------------------------------------ */
.monitor-extra header p {
    font-family: 'Doppio One',sans-serif;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    padding: 5px 0;
    letter-spacing: 10px;
}

.monitor-extra .circle {
    width: 130px;
    height: 130px;
    background-color: #F07057;
    color: #fff;
    border-radius: 65px;
    text-align: center;
    font-size: 2em;
    padding: .5em 0;
    line-height: 1.2;
    position: absolute;
    top: 190px;
    right: 20%;
}

/* - .monitor-extra .contents
 ------------------------------------------------------------ */
.monitor-extra .contents {
    margin: 20px auto 0;
}

.monitor-extra .contents h1 {
    font-family: 'Doppio One',sans-serif;
    text-align: center;
    font-size: 1.65em;
    line-height: 1.2;
    margin: 1em 0;
    font-weight: normal;
    padding: 0 1em;
}

.monitor-extra .contents h1 em {
    color: #F07057;
    font-style: normal;
}

.monitor-extra .contents h1:lang(ja) {
    font-weight: 400;
}

.monitor-extra .contents h1:lang(ja) .eccetto {
    display: none;
}

.monitor-extra .contents p {
    margin: 30px 0;
    text-align: center;
    font-size: 1em;
    line-height: 1.4;
    padding: .7em 1em;
}

/* - .monitor-extra section.detail
 ------------------------------------------------------------ */
.monitor-extra [class*=detail] {
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 0 0 1em;
    display: inline-table;
}

.monitor-extra [class*=detail] h2 {
    font-family: 'Doppio One',sans-serif;
    font-size: 1.7em;
    color: #555;
    font-weight: 400;
    text-align: center;
    margin: 1em 0;
}

.monitor-extra [class*=detail] p {
    margin: 0 0 1.1em;
}

.monitor-extra [class*=detail] small {
    padding: 1.5em 0 0;
    border-top: 1px dotted #ccc;
    display: block;
    margin: 1.5em 0 0;
}

.monitor-extra [class*=detail] .nota {
    background-color: #F1F1EF;
    padding: 1.5em;
    margin: 2em 0;
}

.monitor-extra [class*=detail] ul {
    margin: 0 0 0 20px;
}

.monitor-extra [class*=detail] li {
    line-height: 1.4;
    list-style-type: disc;
    margin: .5em 0;
}

.monitor-extra [class*=detail] li img {
    margin: 0 0 10px;
    display: block;
}

/* - .monitor-extra section.previousMonitor
 ------------------------------------------------------------ */
.monitor-extra .previousMonitor {
    display: block;
}

.monitor-extra .previousMonitor h2 {
    text-align: center;
    padding: 2em 1em 1.5em;
    color: #555;
    font-size: 1.7em;
    line-height: 1.2;
    font-family: 'Doppio One',sans-serif;
    font-weight: normal;
}

.monitor-extra .previousMonitor li {
    text-align: center;
}

.monitor-extra .previousMonitor li img {
    display: block;
}

/* - .monitor-extra section.tutorEx
 ------------------------------------------------------------ */
.monitor-extra .tutorEx {
}

.monitor-extra .tutorEx h2 {
    text-align: center;
    padding: 2em 0 1.5em;
    color: #555;
    font-size: 1.7em;
    line-height: 1.2;
    font-family: 'Doppio One',sans-serif;
    font-weight: normal;
}

.monitor-extra .tutorEx ul {
    text-align: center;
}

.monitor-extra .tutorEx li {
    width: 225px;
}

.monitor-extra .tutorEx li a {
    color: #333;
}

.monitor-extra .tutorEx li img {
    width: 130px;
/*padding: 0.5em;*/
    box-shadow: 0 0 5px #aaa;
    display: block;
    margin: 1em auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}

/* - .monitor-extra credit
 ------------------------------------------------------------ */
.monitor-extra header #credit {
    font-size: .6em;
    position: absolute;
    bottom: -20px;
    right: 10px;
    color: #555;
}

.monitor-extra .copyright {
    font-size: .6em;
    text-align: center;
    padding: 10px;
    background-color: #F4F4F4;
    border-top: 1px dotted #DEDEDE;
    margin: 30px 0 0;
}

/* - .socialIcon
 ------------------------------------------------------------ */
.socialIcon {
    text-align: center;
    margin: 20px auto;
    border-top: 1px dotted #ccc;
    padding: 14px 0 10px;
    border-bottom: 1px dotted #ccc;
    max-width: 500px;
}

.socialIcon .flex-container {
    display: -webkit-inline-flex;
    display: inline-flex;
}

.socialIcon .flex-container .social {
    -webkit-justify-content: center;
    justify-content: center;
    align-content: space-between;
    width: 80px;
}

/* - page scroll
 ------------------------------------------------------------ */
#page-top {
    position: fixed;
    bottom: 150px;
    right: 20px;
    z-index: 10;
}

#page-top a {
    font-size: 12px;
    background: #8E7B87;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    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 <= 767px
 ------------------------------------------------------------ */
@media screen and (min-width: 400px) and (max-width: 579px) {
    .monitor-extra .grid-center li {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .monitor-extra .grid-center li {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

/* - ## x >= 768px
 ------------------------------------------------------------ */
@media screen and (min-width: 768px) {
    .monitor-extra .detail-1 {
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .monitor-extra .detail-2 {
        border-right: 1px solid #ccc;
        border-bottom: none;
    }

    .monitor-extra .detail-3 {
        border-bottom: none;
    }

    .monitor-extra [class*=detail] {
        padding: 2em;
    }

    .monitor-extra .contents h1:lang(ja) .eccetto {
        display: block;
        font-size: 70%;
    }
}

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

}

/* - ## x >= 1025px
 ------------------------------------------------------------ */
@media screen and (min-width: 1025px) {
    .monitor-extra .contents h1 {
        font-size: 2.35em;
    }

    .monitor-extra .contents p {
        font-size: 1.25em;
    }

    .monitor-extra .contents p:lang(ja) {
        font-size: 1.15em;
    }

    .monitor-extra [class*=detail] {
        border: 1px solid #ccc;
        padding: 3em 4.5em;
        margin: 1em;
    }
}

/* - ## x >= 1900px
 ------------------------------------------------------------ */
@media screen and (min-width: 1900px) {
    .monitor-extra header {
        height: 450px;
    }
}

/* - ## x >= 2500px
 ------------------------------------------------------------ */
@media screen and (min-width: 2500px) {
    .monitor-extra header {
        height: 550px;
    }
}


/* - .guideline new 10/2016
 ------------------------------------------------------------ */

.monitor-extra .guideline {background-color: #f9f9f7;padding: 4em 0;width: 100%;}
.monitor-extra .guideline .inner {padding: 1em 2em;background-color: #fff;border-radius: 3px;margin: 0 1em;width: 100%;}
.monitor-extra .guideline h2 {
    font-family: 'Doppio One',sans-serif;
    font-size: 1.55em;
    color: #555;
    font-weight: 400;
    margin: 1em 0;
    font-weight: normal;
}
.monitor-extra .guideline p {font-size: .9em;line-height: 2;}
.monitor-extra .guideline p.nota {

}
.monitor-extra .guideline li {line-height: 2;font-size: .9em;list-style-type: disc;}
.monitor-extra .guideline hr {

}

[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%}}