@charset 'utf-8';
.off-canvas-wrap article.summer-2018.page-grid {
	/* margin: 45px 0 0 0; */
}

.summer-2018 {
	font-size: 16px;
	background-color: #fff;
	font-size: 15px;
	padding: 0 0 1em;
	color: #3e3e3e;
	background-color: #fff;
}
.summer-2018 .wrapping {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	width: 100%;
	margin: 0 auto
}
.summer-2018 [class*=grid-].wrapping {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto
}
.summer-2018 [class*=grid-][class*=-noGutter].wrapping {
	width: 100%;
	max-width: 500px;
	margin: 0 auto
}
.summer-2018 .wrapping.wrap70 {
	width: 100%;
	max-width: 700px;
	margin: 0 auto
}
.summer-2018 h1 {
	font-family: 'Ruda', sans-serif;
	font-weight: 400
}
.summer-2018 h2 {
	font-family: 'Ruda', sans-serif;
	/* font-weight: 400 */
}
.summer-2018 h3 {
	font-family: 'Ruda', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
}
.summer-2018 h4 {
	font-family: 'Ruda', sans-serif;
	font-weight: 400
}
.summer-2018 a {
	font-weight: 700
}
.summer-2018 a:hover {
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter: 'alpha(opacity=90)';
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: 'alpha(opacity=70)'
}
.summer-2018 small {
	font-size: .75em
}
.summer-2018 .white-space span:not(.eccetto) {
	display: inline-block;
	white-space: nowrap;
	display: inline-block;
	white-space: nowrap
}
.summer-2018 .for-mobile {
	display: inline-block
}
.summer-2018 .for-pc {
	display: none;
}
.summer-2018 section {
	width: 100%;
	margin: 0 auto
}
.summer-2018 [class*=-noGutter].wrapping {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto
}
.summer-2018 header {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	background-color: #322745;
}
.summer-2018 header h1 {
	display: block;
	margin: 0 auto
}
.summer-2018 header h1 img {
	display: block;
	margin: 0 auto
}
.summer-2018 header h1 .for-mobile {
	margin: 0 auto;
	display: block;
}
.summer-2018 .nota a:hover {
	text-decoration: underline
}
.summer-2018 .intro {
	width: 100%;
	/* text-align: center; */
	padding: 1em;
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
}
.summer-2018 .intro h2 {
	margin: 0 auto;
	display: block;
	font-size: 1.5em;
	text-align: center;
}
.summer-2018 .intro span {
	margin: 0 auto;
	display: block;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}
.summer-2018 .intro p {
	line-height: 1.7;
	font-size: 1em;
	padding: 0 1em;
	margin: 1em auto;
	width: 100%;
	/* max-width: 534px; */
	/* text-align: left; */
}
.summer-2018 .ticket .book-wrap {
	margin: 0 auto 2em;
	padding: 1em;
	background-color: #fff;
}
.summer-2018 .ticket .book-wrap .tel {
	font-weight: 700;
	margin: 1em 0;
	padding: .25em;
	text-align: center;
	color: #fff;
	background-color: #73ccb3
}
.summer-2018 .ticket .book-wrap .online {
	font-weight: 700;
	margin: 1em 0;
	padding: .25em;
	text-align: center;
	color: #fff;
	background-color: #67afda
}
.summer-2018 .ticket .title-wrap {
	margin: 0 0 1em
	text-align:left;
}
.summer-2018 .ticket .title-wrap h3 {
	font-size: 1.2em;
	margin: .2em 0 0;
	text-align: left;
	line-height: 1.4;
}
.summer-2018 .ticket .title-wrap h4 {
	/* font-size: 1.7em; */
	margin: 0 0 .2em;
	/* font-weight: bold; */
}
.summer-2018 .ticket .title-wrap h4 em {
	display: block;
	font-size: 80%;
}
.summer-2018 .ticket .title-wrap p {
	font-size: 1.1em;
}
.summer-2018 .ticket .title-wrap p b {
	font-size: 140%;
	letter-spacing: -1px;
	line-height: 1.4;
	position: relative;
	top: -2px
}
.summer-2018 .ticket .title-wrap p span.eccetto {
	font-size: 90%
}
.summer-2018 .ticket .title-wrap p span:not(.eccetto) {
	font-size: 90%
}
.summer-2018 .ticket .phone .inner {
	margin: 0 0 0 2.5em
}
.summer-2018 .ticket .phone .inner.icon {
	border-top: 1px solid #ccc;
	border-radius: 4px;
	background-color: #f7f7f7;
	margin: .3em 0 0 0;
	padding: .5em 0;
}
.summer-2018 .ticket .phone .icon img {
	display: block;
	margin: 1em auto;
	width: 80px;
}
.summer-2018 .ticket .phone .icon p {
	font-size: 2.2em;
	line-height: 1;
	text-align: center;
	font-family: 'Miriam Libre', sans-serif;
	letter-spacing: 2px;
}
.summer-2018 .ticket .phone .icon span {
	font-size: 50%;
	display: block;
	margin: .5em 0;
}
.summer-2018 .ticket .phone em {
	font-size: 2.6em;
	color: #aaa;
	font-style: normal;
	position: absolute;
	top: .2em;
	left: -1.1em
}
.summer-2018 .ticket .phone .one {
	margin: 1em 0 0
}
.summer-2018 .ticket .phone .one p {
	margin: 0 0 1em;
	position: relative;
	text-align: left;
}
.summer-2018 .ticket .phone .one ul {
	margin: 0 1em 2em
}
.summer-2018 .ticket .phone .two {
	margin: 0 0 2em;
}
.summer-2018 .ticket p {
	width: 100%;
	position: relative;
	/* text-align: center; */
	margin: .6em 0 0;
}
.summer-2018 .ticket .note p {
	text-align: left;
}
.summer-2018 .ticket h3 {
	margin: .2em 0 .5em;
	text-align: center;
	font-size: 1.2em;
}
.summer-2018 .ticket .fa-shopping-cart {
	font-size: inherit;
	color: inherit
}
.summer-2018 .detail {
	width: 100%;
	/* margin: 0 auto; */
	/* order: 1; */
}
.summer-2018 .logo {
    width: 200px;
    margin: 0 0 1em;
}
.summer-2018 .detail [class*=col-] {
	border-bottom: 1px dotted #ccc
}
.summer-2018 .detail .inner {
	/* padding: 1em; */
	/* max-width: 569px; */
	width: 100%;
	margin: 0 auto;
}
.summer-2018 .detail p {
	line-height: 1.8
}
.summer-2018 .detail p span {
	display: block
}

.summer-2018 .detail .info-duo dt {
	line-height: 2;
	float: left;
	padding: .3em;
	margin: 0 2em 0 0;
}
.summer-2018 .detail .prog dt {
	line-height: 2;
}
.summer-2018 .detail dd {
	line-height: 2;
	border-bottom: 1px dotted #ccc;
	padding: .3em;
}
.summer-2018 .detail dd span {
	display: block
}
.summer-2018 .detail h2 {
	font-size: 1.4em;
	margin: 0;
	text-align: left;
	letter-spacing: 5px
}
.summer-2018 p.nota {
	width: 100%;
	margin: 3em 0;
	text-align: center;
	padding: 0 1em
}
.summer-2018 p.nota a {
	font-weight: 700;
	padding: .7em 1em;
	color: #2d488c;
	border-bottom: 2px solid #6586d0;
}
.summer-2018 p.nota a:hover {
	border-bottom: 2px solid #6586d0;
}
.summer-2018 .sec-profile .testi {
	order: 2;
}
.summer-2018 .testi .inner {
	padding: 0 2em;
}
.summer-2018 .sec-profile .pro-img {
	order: 1;
}
.summer-2018 .sec-profile {
	margin: 3em 0 0 0
}
.summer-2018 .sec-profile h3 {
	font-size: 1.3em;
	text-align: center;
	margin: 0 0 .7em
}
.summer-2018 .sec-profile img {
	width: 100%;
	max-width: 200px;
	margin: 0 0 2.5em;
}
.summer-2018 .sec-profile p {
	font-size: .85em;
	line-height: 1.8;
	margin: 0 0 1em;
}
.summer-2018 .sec-profile a:not(.img) {padding: .5em 1em;border: 2px solid #c7b6e0;border-radius: 18px;font-size: .85em;color: #9676a9;}
.summer-2018 .sec-profile h4 {
	font-size: 1.3em;
	font-weight: 800;
	border-bottom: 1px dotted #aaa;
	padding:  0 0 .3em;
	margin: 0 0 .5em;
}
.summer-2018 .type-info {
	padding: .3em 0 0 0;
	text-align: center;
	/* border: 1px solid #ccc; */
	background-color: #f7f7f7;
}
.tax-inclusive-price {
	font-size: 120%;
}
.summer-2018 .discountless {
	margin: 1em 0 .35em;
	font-weight: bold;
	font-size: 160%;
}
.summer-2018 .discountless em {
	font-size: 1.8em;
	font-style: normal;
	padding: 1em .15em 1em 0;
	font-weight: 700
}
.summer-2018 .requested-count {
	text-align: center
}
.summer-2018 .requested-count span {
	font-weight: 700;
	padding: .3em 2em;
	border: 1px solid #ef6f56;
	background-color: #fff
}
.summer-2018 .requested-count .inner {
	padding: .5em 0;
	background-color: #f5f5f5
}
.summer-2018 .book-ing .button-wrap .carre {
	font-size: 1.2em;
	display: block;
	width: 100%;
	padding: .35em;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	background-color: #d47383
}
.summer-2018 .book-ing .button-wrap p.close {
	text-align: center;
}
.summer-2018 .book-ing .one-click .carre {
	background-color: #3498db
}
.summer-2018 .catalog {
	width: 100%;
	margin: 2em 0 0 0;
}
.summer-2018 .catalog a {
	font-size: 1.1em;
	font-weight: 700;
	line-height: 1.2;
	/* display: block; */
	/* text-align: center */
}
.summer-2018 .catalog a:hover {
	text-decoration: underline
}
.summer-2018 .catalog img {
	display: block;
	width: 130px;
	margin: 0 auto 1em;
	border: 5px solid #fff;
	border-radius: 50%;
	box-shadow: 0 1px 14px #b2b2b2
}
.summer-2018 .passato {
	width: 100%;
	margin: 0 auto;
	padding: 2em;
	text-align: center;
	background-color: #f7f7f7;
}
.summer-2018 .passato .wrap .co-item .inner {
	margin: 1em 0;
	background-color: #fffc7;
	padding: 1em
}
.summer-2018 .passato .wrap .co-item h5 {
	margin: .5em 0;
	font-size: 1em;
}
.summer-2018 .passato .wrap .co-item p {
	margin: .5em 0;
	font-size: .85em;
}
.summer-2018 .passato .wrap .co-item span {
	display: block
}
.summer-2018[class*=grid] {
	margin: 118px 0 0 0
}
.concert {
	padding: 1em;
}
.program {
	width: 100%;
	margin: 0 auto;
	/* padding: 2em 1em; */
	order: 2;
}
.program .inner {
	padding: 1em;
	/* max-width: 569px; */
	width: 100%;
	margin: 0 auto;
}
.program h3 {
	/* text-align: center; */
	margin: 0 0 1em;
}
.program h3 img {
	width: 200px
}
.program p {
	/* line-height: 2; */
	/* margin: 0 0 0 2em */
}
.program dl {
	text-align: left;
	margin: 0 0 1em;
	border-bottom: 1px solid #dedede;
}
.program dt {font-weight: bold;/* border-top: 1px solid #dedede; */padding: .3em;}
.program dd {padding: .3em;border-bottom: 1px dotted #ccc;}
.ticket {
	/* margin: 1em 0 2em; */
	padding: 1em 1em;
	background-color: #f7f7f2;
}
.ticket .close {
	font-weight: 700;
	width: 25%;
	margin: 1em auto 0;
	padding: .5em;
	color: #488aaa;
	border: 1px solid #bbb
}


.button-wrap a {
	width: 100%
}
.book-ing a {
	color: #333
}
.video {
	width: 100%;
	background-color: #f7f7f2
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
	width: 100%;
	margin: 1em 0 0;
	border: 4px solid #fff;
	box-shadow: 0 0 6px #aaa
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.intro a {
	display: block
}
.live {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 10px;
	/* border: 1px solid #ccc; */
	/* box-shadow: 0 0 1px 1px #efeeee; */
	color: #ca2a2a;
}
.live-banner {
	margin: 0 auto;
	max-width: 800px;
}
.live-banner a {
	display: block;
}
.live-banner img {
	max-width: 100%;
}
.live-banner p {
	text-align: center;
}
.socialIcon {
	width: 100%;
	max-width: 1080px;
	margin: 20px auto;
	padding: 14px 0 10px;
	text-align: center;
}
.socialIcon .flex-container {
	display: -webkit-inline-flex;
	display: inline-flex;
	padding: 1em 1em .5em;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.socialIcon .flex-container .social {
	width: 80px;
	-webkit-justify-content: center;
	justify-content: center;
	align-content: space-between
}
.fb-like {
	top: -1px
}
.img1 {
    display: none;
}
.img2 {
    
display: none;
}




.summer-2018 .book-wrap .data .inner {
    padding: 0 .5em 1em 0;
    margin: 1em 0 0 0;
}
.summer-2018 .book-wrap .seminar-date {
    font-size: 2em;
}
.summer-2018 .book-wrap .seminar-date span {
}
.summer-2018 .book-wrap .seminar-time {
    font-size: 1.15em;
    padding: .35em 0;
}
.summer-2018 .book-wrap .luogo {
}
.seminar-promo.summer-2018 .book-wrap .luogo span {
    font-weight: normal;
    display: block;
    white-space: pre-wrap;
}
.summer-2018 .book-wrap .luogo a {
    color: #333;
    border-top: 1px dotted #ccc;
    padding: .35em 0;
}
.summer-2018 .book-ing {

    /* margin: 0 0 1em; */
}
.summer-2018 .book-ing.plus {
}
.summer-2018 .type-label {
    font-size: 2.8em;
    text-align: center;
    border-bottom: 1px solid #ccc;
    color: #999;
}
.summer-2018 .type-label .fa {
    border-radius: 50%;
    border: 2px dotted #ccc;
    padding: .1em;
    background-color: #fff;
    position: relative;
    top: 14px;
}
.summer-2018 .book-ing.plus .type-label {
    background-color: #bce5ec;
}
.summer-2018 .book-ing.plus .inner {
}

.summer-2018 .avv {
    font-weight: bold;
    color: #ea7272;
}
.summer-2018 .book-ing .discount {
}
.summer-2018 .requested-count .inner {
    background-color: #ecece7;
    padding: .5em 0;
    margin: 0 .25em;
}
.summer-2018 .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%;
}
.summer-2018 .book-ing.plus a {
    background-color: #5dbdcb;
}
.summer-2018 .book-ing .one-click {
    background-color: #f1b575;
}
.summer-2018 .book-ing.plus .one-click {
    background-color: #7dc2e4;
}
.summer-2018 .book-ing a .fa {
    color: #fff;
    font-size: 1em;
}
.summer-2018 .ticket .fa-shopping-cart {
    color: inherit;
    font-size: inherit;
}

.tickets em {font-size: 130%;font-weight: bold;padding: 0 .2em 0 0;color: #d03c55;}
.tickets span {
    width: 32%;
    min-width: 140px;
    line-height: 1.5;
}
.panf {
	order: 3;
}
.tel {
	font-weight: bold;
	margin: 1em 0;
	padding: .25em;
	text-align: center;
	color: #fff;
	background-color: #73ccb3;
}
@media screen and (min-width: 569px) {
}
@media screen and (min-width: 769px) {
	.summer-2018 .ticket .title-wrap {
		text-align:center;
	}
	.summer-2018 .ticket .title-wrap p {
		text-align:center;
	}
	.img2 {
	    position: absolute;
	    top: -103px;
	    right: 0;
	    display: block;
	    width: 280px;
	}
	.summer-2018 .ticket .title-wrap h4 {
		font-size: 1.6em;
	}
	.summer-2018 .sec-profile img {
		/* width: 260px; */
		/* margin: 0 0 0 3em; */
	}
	.summer-2018 .detail .inner {
	    /* padding: 2em 0; */
	}
	.program h3 {
	    margin: .5em 0 1.5em;
	}
	.summer-2018 .for-mobile {
		display: none
	}
	.summer-2018 h1 img.for-mobile {
		display: none
	}
	.summer-2018 .intro h2 .for-mobile {
	    margin: 0 auto;
	    display: none;
	}
	.summer-2018 .for-pc {
	display: block;
	}
	.summer-2018 .detail {
		width: 100%;
		/* margin: 0 auto; */
		/* order: 2; */
	}
	.program {
		width: 100%;
		margin: .3em auto;
		/* padding: 2em 1em; */
		order: 1;
	}
	.summer-2018 .sec-profile .testi {
		order: 1;
	}
	.summer-2018 .sec-profile .pro-img {
		order: 2;
	}
	.logo {}
	.summer-2018 {
		font-size: 14.5px
	}
	.summer-2018 p.nota a {
		padding: .7em 1em;
	}
	.summer-2018 .ticket h3 {
		margin: .2em 0 .5em
	}
	.summer-2018 .ticket .book-wrap {
		padding: 2em;
		background-image: url(../images/bgg.png);
		background-position: right 11px top 13px;
		background-repeat: no-repeat
	}
	.summer-2018 .ticket .title-wrap h3 {
		font-size: 1.3em;
		margin: .2em 0 .5em;
	}
	.summer-2018 .ticket .title-wrap p b {
		font-size: 120%
	}
	.summer-2018 .ticket .phone .icon img {
		margin: 2em auto
	}
	.summer-2018 .ticket .phone .icon p {
		font-size: 2.5em;
		line-height: 1;
		text-align: center
	}
}

@media only screen and (min-width: 540px) {
	.off-canvas-wrap article.summer-2018.page-grid {
		margin: 118px 0 0 0
	}
}
@media screen and (min-width: 540px) and (max-width: 940px) {
	.nav-list .nav-item:first-child {
		display: none
	}
}
@media screen and (min-width: 768px) {
	.program dd {text-align: right;}
	.summer-2018 .line {
		padding: 0 1em 0;
		text-align: right
	}
	.summer-2018 .intro p {
		line-height: 1.7;
		font-size: 1.15em;
		padding: 0 1em
	}
	.summer-2018 .intro {
		padding: 5em;
	}
}
@media only screen and (min-width: 800px) {
	.off-canvas-wrap article.summer-2018.page-grid {
		margin: 58px 0 0 0;
		font-size: 16px;
	}
}
@media screen and (min-width: 1025px) {
	.summer-2018 {
		font-size: 16px
	}
	.summer-2018 .intro {
		padding: 4em 0;
	}
	.summer-2018 .intro p {
	    text-align: center;
	}
	.program p {
		line-height: 2;
		margin: 0
	}
	.img1 {
	    position: absolute;
	    top: -121px;
	    left: -37px;
	    display: block;
	}
	.img2 {width: 330px;top: -94px;right: -3px;}
	
}
/* - modal
 ------------------------------------------------------------ */
.button {
    display: none;
    margin: 100px 0;
    padding: 12px 34px;
    color: #fff;
    border-radius: 60px;
    font-weight: 500;
    background: #1ecd97;
    -webkit-transition: .24s ease;
    -moz-transition: .24s ease;
    -o-transition: .24s ease;
    transition: .24s ease;
}
.button:hover {
    cursor: pointer;
    background: #1bb787;
}
.modal-box {
    height: 0;
}
.content {
    display: table;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 80%;
    max-width: 680px;
    margin: auto;
    padding: 5em;
    vertical-align: middle;
    z-index: -1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1), 0 5px 10px rgba(0, 0, 0, .15);
    background: #fff;
}
.content > span {
    display: table-cell;
    text-align: center;
    font-size: 1.8em;
    font-weight: 200;
}
.toggle-on {
    display: none;
}
.toggle-on:checked + .toggle-off + .content {
    z-index: 100;
}
.toggle-off {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .20);
    z-index: -1;
    -webkit-transition: .6s ease-out, 1s z-index ease-out;
    -moz-transition: .6s ease-out, 1s z-index ease-out;
    -o-transition: .6s ease-out, 1s z-index ease-out;
    transition: .6s ease-out, 1s z-index ease-out;
}
.toggle-on:checked + .toggle-off {
    opacity: 1;
    -webkit-transition: .4s ease-in, .3s z-index ease-in;
    -moz-transition: .4s ease-in, .3s z-index ease-in;
    -o-transition: .4s ease-in, .3s z-index ease-in;
    transition: .4s ease-in, .3s z-index ease-in;
    z-index: 1;
}
.toggle-button {
    position: absolute;
    top: 1em;
    right: 1em;
    padding: .5em;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    border-radius: 4px;
    background: #1ecd97;
    -webkit-transition: .24s ease;
    -moz-transition: .24s ease;
    -o-transition: .24s ease;
    transition: .24s ease;
}
.toggle-button:hover {
    cursor: pointer;
    background: #1bb787;
}

/* rotate */
.ani-rotate {
    opacity: 0;
    -webkit-transition: .4s ease, 1s z-index ease;
    -moz-transition: .4s ease, 1s z-index ease;
    -o-transition: .4s ease, 1s z-index ease;
    transition: .4s ease, 1s z-index ease;
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    transform: rotate(450deg);
}
.toggle-on:checked + .toggle-off + .ani-rotate {
    opacity: 1;
    -webkit-transition: .4s ease;
    -moz-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.modal-box .ani-rotate h4 {
    font-size: 0.9em;
}
.modal-box .ani-rotate p {
    font-size: 0.8em;
    padding: .3em 0;
}
a.book {
    display: inline-block;
    margin: .8em .5em 0;
    padding: .7em 1.2em;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    border-radius: 4px;
    background: #f16e51;
    -webkit-transition: .24s ease;
    -moz-transition: .24s ease;
    -o-transition: .24s ease;
    transition: .24s ease;
}
a.book:hover {
    color: #fff;
    background: #dc4322;
    cursor: pointer;
}