@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: 14px;
	padding: 0 0 1em;
	color: #3e3e3e;
	background-color: #fff;
}
.summer-2018 .wrapping {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
	margin: 0 auto
}
.summer-2018 [class*=grid-].wrapping {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto
}
.summer-2018 [class*=grid-][class*=-noGutter].wrapping {
	width: 100%;
	max-width: 1000px;
	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
}
.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-image: url('https://sb-drops.s3.amazonaws.com/drop/rmopt-5c59c079eb5b5-996403000-1549385849.jpg');
}
.summer-2018 header h1 {
	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
}
.summer-2018 .intro h2 .for-mobile {
	margin: 0 auto;
	display: block;
}
.summer-2018 .intro p {
	line-height: 1.7;
	font-size: 1.15em;
	padding: 0 1em;
	margin: 1em auto;
	width: 100%;
	max-width: 534px;
	text-align: left;
}
.summer-2018 .ticket .book-wrap {
	margin: 0 auto 2em;
	padding: 2em;
	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
}
.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;
	display: block;
	margin: 0 0 .2em;
	/* font-weight: bold; */
}
.summer-2018 .ticket .title-wrap p {
	text-align: left;
	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: 1px solid #ccc;
	border-radius: 4px;
	margin: 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
}
.summer-2018 .ticket .phone .icon span {
	font-size: 60%;
	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: 0 0 .6em;
}
.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: 2em;
	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 li {
	line-height: 2;
	border-bottom: 1px dotted #ccc;
	padding: .3em;
}
.summer-2018 .detail li 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: 1px solid #6586d0;
	border-radius: 38px
}
.summer-2018 .sec-profile .testi {
	order: 2;
}
.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: 180px */
}
.summer-2018 .sec-profile p {
	font-size: .9em;
	line-height: 1.8;
	margin: 0 0 2em
}
.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;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #f7f2f3
}
.summer-2018 .discountless {
	margin: 1em 0 .35em
}
.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%
}
.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: #f4f4f4
}
.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: 1.1em
}
.summer-2018 .passato .wrap .co-item p {
	margin: .5em 0
}
.summer-2018 .passato .wrap .co-item span {
	display: block
}
.summer-2018[class*=grid] {
	margin: 118px 0 0 0
}
.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: .2em 0 0 0;}
.program dd {text-align: right;}
.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
}
.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: .9em 10em .7em;
	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
}
.summer-2018 .banner.wrapping {
	display: flex;
	margin: 1em auto 2em;
	flex-direction: column;
}
.summer-2018 .banner h5 {text-align: center;font-size: 1.2em;}
.summer-2018 .banner h5 span {
}
.summer-2018 .banner img {border: 1px solid #ccc;padding: .5em;}
@media screen and (min-width: 569px) {
}
@media screen and (min-width: 769px) {
	.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: 1em 0;
	}
	.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: inline-block
	}
	.summer-2018 .detail {
		width: 100%;
		margin: 0 auto;
		order: 2;
	}
	.program {
		width: 100%;
		margin: 0 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 2em
	}
	.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 screen and (min-width: 1025px) {
	.summer-2018 .banner.wrapping {
	    flex-direction: row;
	}
	.summer-2018 .banner h5 {
		text-align: left;
		font-size: 1em;
	}
	.summer-2018 .banner h5 span {
	}
	.summer-2018 {
		font-size: 16px
	}
	.summer-2018 .intro {
		padding: 0 0 2em
	}
	.program p {
		line-height: 2;
		margin: 0
	}
}
@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) {
	.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
	}
}
@media only screen and (min-width: 800px) {
	.off-canvas-wrap article.summer-2018.page-grid {
		margin: 58px 0 0 0
	}
}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */