@charset "utf-8";
/* CSS Document */
html {
	font-size: 62.5%;
}
body {
	font-size: 15px;
	font-size: 1.5rem;
	-webkit-text-size-adjust: 100%;
}
body {
	background:#faf7f3;
	color: #2f333b;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
	line-height: 1.55em;
	margin:0px;
	padding:0px;
	min-width: 1180px;
}



/* 明朝 */
@font-face {
	font-family: 'hannari';
	src: url('../font/hannari/hannari.eot');
	src: url('../font/hannari/hannari.eot#iefix') format('embedded-opentype'), url('../font/hannari/hannari.woff') format('woff');
}

.mincho {
	font-family: 'hannari', "ヒラギノ明朝", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "ヒラギノ明朝 ProN W6\9", "HiraMinProN-W6\9", "HG明朝E\9", "ＭＳ Ｐ明朝\9", "MS PMincho\9", "MS 明朝\9", serif;
}

/* 
-------------------*/

img {
	border:0;
}
a:link {
	color: #a84e51;
	text-decoration:underline;
}
a:visited {
	color: #a84e51;
}
a:hover {
	text-decoration:none;
}
a:active {
	color: #a84e51;
}
a:hover {
	opacity:0.8;
}

.clear {
	clear:both;
	height:0px;
}
/*レイアウト
-------------------*/

#wrapper {
	width: 100%;
	height:auto;
	margin:0 auto 10px;
}
.content {
	width: 100%;
	height:auto;
	padding: 0;
	margin:0 auto ;
}
#header,
#date {
	width: 760px;
	height:auto;
	padding: 0;
	margin:0 auto ;
}
#summary,
#lead,
#eventPart1,
#eventPart2,
#atention {
	width: 670px;
	height:auto;
	padding: 0;
	margin:0 auto ;
}
#summary,
#eventPart1,
#atention {
	font-family: 'hannari', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.bg01 {
	background:#fd7577;
}
.bg02 {
	background:#a84e51;
}
.bg03 {
	background:#ddd2ca;
}



/*ヘッダー
-------------------*/


#header {
	/* width: 760px; */
	height:430px;
	margin: 0 auto;
	position:relative;
}
h1 {
	background: url(../img/title.png)  top no-repeat;
	width: 760px;
	height: 410px;
	text-indent:-9999px;
 display: block;
	margin: 0 auto;
}


#header a.joqrLogo {
	background: url(../img/logo_joqr.png) no-repeat;
	width: 110px;
	height: 50px;
	text-indent:-9999px;
	display: block;
	z-index:1000;
	margin: 0 auto;
	position:absolute;
	top: 15px;
	left: -110px;
}
#header a.joqrLogo:hover {
	opacity:0.7;
}
#header span {
	display: none;
}

/*SNS
--------------------------------*/
.sns_top {
	width: 100%;
	height:35px;
	text-align: left;
	margin:0 auto 20px;
	margin-top:-15px;
	text-align: center;
	vertical-align:bottom;
}
.sns_top iframe {
	padding-left: 15px;
}




/*　開催日時
-------------------*/

#date {
	/* width: 760px; */
	color:#fff;
	margin: 0px auto ;
	padding: 40px 0 30px;
}
#date:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#date h3 {
	width: 100px;
	height: 47px;
	margin: 0 0 0 40px;
	float: left;
}
#date h3 span {
	width: 100px;
	height: 47px;
	margin: 0;
	font-size: 1.75rem;
	line-height: 2.5em;
 display:table-cell;
	vertical-align:middle;
}
#date dl {
	font-size: 1.75rem;
}
#date dt {
	border-left: #b36e69 2px solid;
	border-right: #b36e69 2px solid;
	width: 260px;
	height: 47px;
	padding: 0 0 0 20px;
 display:table-cell;
	vertical-align:middle;
 margin-right: 20px;
	float: left;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#date dt span {
	width: 260px;
	height: 47px;
	font-size: 1.75rem;
	line-height: 2.5em;
	font-weight: bold;
 display:table-cell;
	vertical-align:middle;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#date dt span {
	font-weight: bold;
	transform: scale( 1 ,1 );
}
#date dt span em {
	font-size: 2.95rem;
	font-weight: bold;
	transform: scale( 1 , 2.15 );
}
#date dd {
	line-height: 1.65em;
	margin-top:-5px;
}


/*　イベント内容
-------------------*/
#lead {
	/* width: 670px; */
	font-size: 1.8rem;
	line-height: 1.68em;
	margin: 0px auto ;
	padding: 28px 0;
}
#lead:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#lead span {
 line-height: 2em;
 text-decoration: none;
	border-bottom: 2px solid #fd7577;
	padding-bottom: 1px;
}
#lead em {
	color:#a84e51;
	font-weight: bold;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#lead a {
	font-weight: bold;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0.1em;
}


/*　イベント内容
-------------------*/
#summary {
	/* width: 670px; */
	margin: 0px auto ;
	padding: 34px 0;
	position:relative;
}
#summary:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#summary h3 {
	background: url(../img/title_summary.png) no-repeat;
	width: 97px;
	height: 97px;
	text-indent:-9999px;
	margin: 0 15px;
 display: block;
	float: left;
}
#summary p {
	width: 400px;
	height: 97px;
	font-size: 1.6rem;
	line-height: 1.6em;
	font-weight: bold;
 display: block;
	float: left;
}

#summary em {
	background: url(../img/image_summary.png) left center no-repeat;
	width: 240px;
	height: 420px;
	text-indent:-9999px;
 display: block;
	position:absolute;
	top: -286px;
	right: 0;
}




/*　イベント
-------------------*/

#eventPart1 ,
#eventPart2 {
	width: 670px;
	margin: 0 auto;
}

#eventPart1 h3 ,
#eventPart2 h3 {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #a84e51;
	width:200px;
	color: #fff;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
	font-size: 1.85rem;
	text-align: center;
	margin: 0 auto;
	padding: 15px;
}
#eventPart1 strong ,
#eventPart2 strong {
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
font-size: 1.7rem;
line-height: 1.7em;
text-align: center ;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 25px 0 35px;
display: block;
}

/*　イベント１部
-------------------*/

#item:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#item dl {
	width: 310px;
	height: 250px;
	padding: 0;
	margin-bottom: 30px ;
	float:left;
}
#item dl:nth-of-type(1) ,
#item dl:nth-of-type(2) {
	height: 240px;
}
#item dl:nth-child(2n+1) {
	margin-right: 50px ;
}
#item dl:nth-of-type(2) {
	background: url(../img/item02.png) right bottom no-repeat;
}
#item dl:nth-of-type(3) {
	background: url(../img/item03.png) right bottom no-repeat;
}
#item dl:nth-of-type(4) {
	background: url(../img/item04.png) right bottom no-repeat;
}
#item dl:nth-of-type(5) {
	background: url(../img/item05.png) right bottom no-repeat;
}
#item dl:nth-of-type(6) {
	background: url(../img/item06.png) right bottom no-repeat;
}
#item dl dt {
	color:#fff;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 1.7rem;
 line-height: 1.75em;
 font-weight: noromal;
	margin-bottom: 15px ;
}
#item dl dt.newItem {
	background: url(../img/new_item.png) left center no-repeat;
	padding-left: 55px;
}
#item dl dd {
	height: 200px;
 font-size: 1.35rem;
 line-height: 1.95em;
	position:relative;
}
#item dl .newItem + dd {
	height: 170px;
}
#item dl dd ul {
 position: absolute;
	bottom: 0;
}
#item dl dd ul li {
	color:#a84e51;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
 font-size: 1.15rem;
	line-height: 1.45em;
 list-style-type:disc;
	margin-left: 15px;
}
#eventPart1 span {
	font-size: 1.15rem;
	text-align: center;
	display: block;
	padding: 32px 0 ;
}

/*　イベント２部
-------------------*/
#personality:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#personality dl {
	width: 200px;
	height: 290px;
	padding: 0;
	margin: 0 0 42px;
	float:left;
}
#personality dl:nth-of-type(2) {
	margin: 0 35px 30px;
}
#personality dl dt {
	width: 200px;
	height: 245px;
	text-indent: -9999px;
}
#personality dl:nth-of-type(1) {
	background: url(../img/personality01.png) no-repeat;
}
#personality dl:nth-of-type(2) {
	background: url(../img/personality02.png) no-repeat;
}
#personality dl:nth-of-type(3) {
	background: url(../img/personality03.png) no-repeat;
}
#personality dl dd {
	font-size: 1.55rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: 10px;
}
#personality dl dd small {
	font-size: 0.9rem;
	font-weight: bold;
	letter-spacing: 0;
	display: block;
}
#personality dl dd span {
	font-size: 0.9rem;
	font-weight: bold;
}


/*　ご注意
-------------------*/

#atention h3 {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #fd7577;
	width:200px;
	color: #fff;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
	font-size: 1.85rem;
	text-align: center;
	margin: 0 auto;
	padding: 15px;
}
#atention ul {
	width: 400px;
	padding: 0 0 0 20px;
	margin: 30px auto;
}
#atention li {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
	font-size: 1.2rem;
	line-height: 1.85em;
}
#atention li:before {
	content: "※";
	color: #fd7577;
}




/* トップへ戻る
--------------------------------*/
#pageTop {
	box-shadow:3px 3px 5px 0px #ccc;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	bottom: 370px;
	right: 230px;
	position: fixed;
}
#pageTop {
	background: url(../img/pagetop.png);
}



/* footer
--------------------------------*/
#footer {
	width: 100%;
	font-size: 1.15rem;
	font-family:Verdana;
	text-align: center;
	margin: 15px auto 40px;
}
a#link {
}

a#link {
	border-radius: 5px;
	background: #a84e51;
	width: 300px;
	color: #fff;
	font-size: 1.85rem;
 font-family: 'hannari', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	text-decoration:none;
	margin: 80px auto 40px;
	padding: 15px;
	display:block;
}


/* プリントアウト用
--------------------------------*/

@media print {
.contents {
 margin: 0 auto 10px;
}
#navi04 {
 page-break-before: always;
}
#pageTop, #footer {
 display:none;
}
}