@charset  "utf-8";

/* - general
 ------------------------------------------------------------ */
.clock-tower[class*=grid] {
    margin: 118px 0 0 0;
}
.clock-tower {
    background-color: #fff;
    color: #3e3e3e;
    padding: 0;
    font-size: 14px;
}
.clock-tower .wrapping {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.clock-tower [class*=grid-].wrapping {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.clock-tower [class*=-noGutter].wrapping {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}
.clock-tower .inner {
}
.clock-tower header {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.clock-tower .white-space span:not(.eccetto) {
    white-space: nowrap;
    display: inline-block;
}
.clock-tower [class*=-equalHeight]>[class*=col].for-mobile {
    display: block;
}
.clock-tower [class*=-equalHeight]>[class*=col].for-pc {
    display: none;
}
.clock-tower .for-mobile {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.clock-tower .for-pc {
    display: none;
}

/* eventWork_gen2015 general
--------------------------------------------- */
.clock-tower .guest span .noBox {
    color: #333;
    font-size: 1.25em;
    font-weight: normal;
    letter-spacing: 2px;
}
.clock-tower .nota a:hover {
    text-decoration: underline;
}
.clock-tower a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

/* header
--------------------------------------------- */

.clock-tower [class*=col-] {
    padding: 1em;
}
.seminar-promo.clock-tower header h1 img {
    width: 600px;
    padding: 4em 0 2em;
    border: none;
}
.clock-tower header {
    min-height: 380px;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(../images/bgg.jpg);
    width: 100%;
    background-size: cover;
    margin: 0 auto;
}
.clock-tower {
}
.clock-tower h2 {
    text-align: center;
    font-weight: normal;
    margin: 1em 0;
}
.clock-tower .intro p {
    text-align: center;
}
.seminar-promo.clock-tower .intro p {
    margin: 1em auto;
    text-align: center;
    font-size: 1.1em;
    padding: 0;
    line-height: 1.7;
}
.clock-tower .intro img {
    max-width: 660px;
}
.clock-tower .catalog .inner {
    padding: 2em 1em;
}
.clock-tower .catalog a {
    text-align: center;
    font-weight: bold;
    display: block;
    font-size: 1.1em;
    line-height: 1.2;
}
.clock-tower .guitar {
    color: #333;
    font-weight: normal;
}
.clock-tower .guitar:hover {
    text-decoration: underline;
}
.clock-tower .guest a {
    font-weight: normal;
}
.clock-tower .guest.performance .inner {
    text-align: center;
}
.clock-tower .guest.performance img {
    border: 9px solid #fff;
    padding: 0;
    width: 150px;
}
.clock-tower .guest.performance h4 {
    font-size: 1.25em;
    font-weight: normal;
    letter-spacing: 5px;
    line-height: 3;
}
.clock-tower .guest.performance p {
    font-weight: bold;
    padding: .25em;
    border-radius: 6px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: 0 0 .5em;
}
.clock-tower .guest.performance li {
    text-align: left;
    font-size: .9em;
}
.clock-tower .detail {
    width: 100%;
    margin: 0 auto;
}
.clock-tower .detail [class*=col-] {
    border-bottom: 1px dotted #ccc;
}
.clock-tower .detail .inner {
    padding: 2em;
}
.clock-tower .detail p, .clock-tower .detail li {
    line-height: 1.8;
}
.clock-tower .detail h2 {
    letter-spacing: 5px;
    font-size: 1.2em;
    text-align: left;
    margin: 0;
}
.clock-tower .recording {
    background-color: #f2f2f2;
    padding: 1em;
}
.clock-tower .guest {
    padding: 1em;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.clock-tower .guest h2 {
}
.clock-tower .guest .inner {
    width: 100%;
    padding: 1em;
    text-align: center;
}
.clock-tower .guest a.noBox {
    color: #333;
    line-height: 2;
}
.clock-tower .guest a.noBox b {
    font-weight: bold;
    font-size: 1.15em;
}
.clock-tower .guest img {
    display: block;
    width: 130px;
    border-radius: 50%;
    margin: .5em auto;
}
.clock-tower .guest .link-down {
    display: inline-block;
    border-radius: 20px;
    background-color: #f7f5db;
    padding: .5em 1em;
    margin: 1em 0 0 0;
}
.clock-tower .guest span {
    display: block;
    /* font-size: .8em; */
}
.clock-tower .guest span b {
    font-size: 1.15em;
}
.clock-tower .guest span a.noBox {line-height: 1.3;}
.clock-tower .video.report {
    background-color: #f2f2f2;
    padding: 1em;
}
.clock-tower .video.report a {
    background-color: #fff;
    font-weight: bold;
}
.clock-tower .video.report a img {
}
.clock-tower .video.report a span {
    padding: 0 0 0 .5em;
}
.clock-tower .video.report p {
    padding: .6em 0 0 .5em;
    font-size: .9em;
}
.clock-tower p.nota {
    width: 100%;
    text-align: center;
    margin: 3em 0;
}
.clock-tower p.nota a {
    font-weight: bold;
    border: 1px solid #ffdad2;
    border-radius: 38px;
    padding: .7em 5em;
}
.clock-tower .sec-profile {
    margin: 3em 0 0 0;
}
.clock-tower .sec-profile img {
    width: 180px;
}
.clock-tower .sec-profile p {
    font-size: .9em;
    line-height: 1.8;
    margin: 0 0 2em;
}
.seminar-promo.clock-tower .sec-profile h4 {
    font-weight: 800;
    font-size: 1.3em;
}

/* - .ticket
 ------------------------------------------------------------ */
.clock-tower .ticket p {
    width: 100%;
}
.clock-tower .booking h3 {
    text-align: center;
    font-size: 1.3em;
}
.clock-tower .type-info {
    text-align: center;
    border: 1px solid #ccc;
    padding: .25em;
    background-color: #f7f2f3;
}
.clock-tower .plus .type-info {
    background-color: #edf5f7;
}
.clock-tower .seminar-time {
}
.clock-tower .discount {
    text-decoration: line-through;
}
.clock-tower .discount b {
    color: #f04124;
    font-size: 1.2em;
}
.clock-tower .booking {
    position: relative;
}
.clock-tower .booking .avv {
    font-weight: bold;
}
.clock-tower .requested-count {
    text-align: center;
}
.clock-tower .requested-count .fa {
    color: #2ecc71;
    font-size: 1.5em;
    position: relative;
    top: 2px;
}
.clock-tower .requested-count span {
    padding: .3em 2em;
    border: 1px solid #ef6f56;
    font-weight: bold;
    background-color: #fff;
}

/*after-party*/
.clock-tower .after-party {
    padding: 1em;
}
.clock-tower .after-party .inner {
    margin: 0 0 2em;
    border: 1px solid #ccc;
    padding: 1.5em;
}
.clock-tower .after-party h5 {
    font-size: 1.25em;
    letter-spacing: 5px;
    margin: .5em 0;
}
.clock-tower .after-party p {
    margin: 1em 0;
    font-size: .9em;
}
.clock-tower .after-party p em {
    font-weight: bold;
}

/*.book-wrap*/
.clock-tower .ticket h3 {
    text-align: center;
}
.clock-tower .book-wrap[class*=grid] {
    background-color: #fff;
    padding: 1em;
    margin: 2em 0;
    border: 1px solid #ccc;
}
.clock-tower .book-wrap .data {
}
.clock-tower .book-wrap .data .inner {
    padding: 0 .5em 1em 0;
    margin: 1em 0 0 0;
}
.clock-tower .book-wrap .seminar-date {
    font-size: 2em;
}
.clock-tower .book-wrap .seminar-date span {
}
.clock-tower .book-wrap .seminar-time {
    font-size: 1.15em;
    padding: .35em 0;
}
.clock-tower .book-wrap .luogo {
}
.clock-tower .book-wrap .luogo a {
    color: #333;
    border-top: 1px dotted #ccc;
    padding: .35em 0;
}
.clock-tower .book-ing.plus {
}
.clock-tower .type-label {
    font-size: 1em;
    font-weight: bold;
    padding: .3em;
    background-color: #ecd3d7;
    margin: 0 0 .1em;
    text-align: center;
}
.clock-tower .book-ing.plus .type-label {
    background-color: #bce5ec;
}
.clock-tower .book-ing.plus .inner {
}
.clock-tower .book-ing .inner {
    margin: 1em 0 0.2em;
    padding: 0 .25em;
}
.clock-tower .avv {
    font-weight: bold;
    color: #ea7272;
}
.clock-tower .book-ing .discount {
}
.clock-tower .requested-count .inner {
    background-color: #ecece7;
    padding: .5em 0;
    margin: 0 .25em;
}
.clock-tower .book-ing a {
    background-color: #d47383;
    padding: .8em .5em .5em;
    color: #fff;
    display: block;
    text-align: center;
    margin: .5em 0 0;
    border-radius: 2px;
    font-size: 1.1em;
    width: 100%;
}
.clock-tower .book-ing.plus a {
    background-color: #5dbdcb;
}
.clock-tower .book-ing .one-click {
    background-color: #f1b575;
}
.clock-tower .book-ing.plus .one-click {
    background-color: #7dc2e4;
}
.clock-tower .book-ing a .fa {
    color: #fff;
    font-size: 1em;
}
.clock-tower .ticket .fa-shopping-cart {
    color: inherit;
    font-size: inherit;
}


.clock-tower .catalog {
    border-bottom: 1px dotted #ccc;
    width: 100%;
}
.clock-tower .catalog .inner {
    padding: 2em 1em;
}
.clock-tower .catalog a {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2;
    display: block;
    text-align: center;
}

.clock-tower .catalog a:hover {
    text-decoration: underline;
}
.clock-tower .catalog img {
    display: block;
    width: 130px;
    margin: 0 auto 1em;
    border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 14px #b2b2b2;
}

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

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

/* - ## x >= 769px
 ------------------------------------------------------------ */
@media screen and (min-width:769px) {
    .clock-tower .free {
        display: inline-block;
    }
    .clock-tower a:not(.noBox) {

        /* display: inline-block; */
    }
    .clock-tower {
        font-size: 16px;
    }
}

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

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

/* - page scroll
 ------------------------------------------------------------ */
#page-top {
    position: fixed;
    bottom: 120px;
    right: 20px;
}
#page-top
a {
    font-size: 12px;
    padding: 30px 0;
    background: #D9D8C8;
    text-decoration: none;
    color: #fff !important;
    width: 100px;
    height: 77px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top
a:hover {
    text-decoration: none;
    background: #b89fae;
}

/* - .socialIcon
 ------------------------------------------------------------ */
.socialIcon {
    width: 100%;
    padding: 0 1em;
}
.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;
}
.socialIcon .flex-container .social {
    -webkit-justify-content: center;
    justify-content: center;
    align-content: space-between;
    width: 80px;
}
.fb-like {
    top: -2px;
}