@charset "UTF-8";

/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTcSGR3J8a2Jm30YJvJ3tIMOY.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: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v4/7XUFZ5tgS-tD6QamInJTceHuglUR2dhBxWD-q_ehMME.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;
}

  /* general
--------------------------------------------- */

article#rythmique_report p {
	font-size: 1.04rem;
	line-height: 1.5;
}

article#rythmique_report p em {
	font-style: normal;
	font-weight: bold;
	color: #F07057;
	font-size: 115%;
	letter-spacing: 2px;
}

article#rythmique_report h1, 
article#rythmique_report h2, 
article#rythmique_report h3, 
article#rythmique_report h4 {
  margin: 1.414rem 0 0.5rem;
  font-weight: inherit;
  line-height: 1.2;
}

img {
  margin-top: 0;
  font-size: 3.157rem;
}

article#rythmique_report h2 {
	font-size: 2.369rem;
}

article#rythmique_report h3 {
	font-size: 1.777rem;
}

article#rythmique_report small {
	font-size: 0.9rem;
}

  /* eventMusic-concert
--------------------------------------------- */
article#rythmique_report {
	color: #333;
	background-color: #fff;
	padding: 0;
	box-shadow: 0 1px 5px #CCC;
}
article#rythmique_report header {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 222px;
	margin: 0 0 30px;
}
article#rythmique_report header h1 {
	width: 1000px;
	margin: 0 auto;
	padding: 157px 0 0 0;
	text-align: center;
}
article#rythmique_report header h1 img {
	width: 50%;
}

article#rythmique_report h2,
article#rythmique_report h3 {
	text-align: center;
	font-family: 'Titillium Web';
}
article#rythmique_report p {
	text-align: center;
	margin: 15px 0 25px;
}




/*.section.ticket
--------------------------------------------- */
article#rythmique_report section.ticket {
}
article#rythmique_report section.ticket .wrap {
	background-image: url(../images/kazari01.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1000px;
	height: 297px;
	border: 2px dotted #63AEBB;
	padding: 32px 330px 15px 25px;
}
article#rythmique_report section.ticket .wrap h3 {
	text-align: left;
	font-size: 2rem;
}

article#rythmique_report section.ticket .wrap p {
	text-align: left;
	font-size: 1.15rem;
	line-height: 1.8;
}




/*. pin
--------------------------------------------- */
article#rythmique_report section #wrapper {
	max-width: 1100px; 
	min-width: 800px;
	height: 1670px;
}

article#rythmique_report section .columns {
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	-webkit-column-fill: auto;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	column-count: 3;
	column-gap: 15px;
	column-fill: auto;
}

article#rythmique_report section .pin {
	display: inline-block;
	background: #FEFEFE;
	border: 2px solid #FAFAFA;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 15px;
	padding-bottom: 5px;
	background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
	opacity: 1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

article#rythmique_report section .pin img {
	width: 100%;
	padding-bottom: 15px;
	margin: 0 0 5px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 15px;
}

article#rythmique_report section .pin p {
	font-size: 0.85rem;
	text-align: left;
}








  /* extra
--------------------------------------------- */

article#rythmique_report #socialIcon {
	clear: both;
}

article#rythmique_report p.credit a {
	font-size: 0.6rem;
	float: right;
	position: relative;
	top: -19px;
}

article#rythmique_report .copyright {
	margin: 50px 0 0 0;
}