@charset "utf-8";

@media screen and (min-width: 576px) {
	html {
		overflow-y: scroll;
	}

	body,
	div,
	dl,
	dt,
	dd,
	ul,
	ol,
	li,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	pre,
	form,
	fieldset,
	input,
	textarea,
	p,
	blockquote,
	th,
	td {
		margin: 0;
		padding: 0;
	}

	address,
	caption,
	cite,
	code,
	dfn,
	em,
	strong,
	th,
	var {
		font-style: normal;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	caption,
	th {
		text-align: left;
	}

	q:before,
	q:after {
		content: '';
	}

	object,
	embed {
		vertical-align: top;
	}

	hr,
	legend {
		display: none;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 100%;
		font-weight: normal;
	}

	img,
	abbr,
	acronym,
	fieldset {
		border: 0;
	}

	ul,
	ol {
		list-style-type: none;
	}

	ul,
	li,
	img {
		vertical-align: bottom;
	}

	hr {
		display: none;
	}

	/* default */
	body {
		font-family: 'Noto Sans JP', Osaka, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		color: #000;
		font-size: 16px;
		line-height: 1.6;
		max-height: 100%;
		-webkit-text-size-adjust: none;
		background: #fff;
		min-width: 1250px;
	}

	.spbr {
		display: none !important;
	}

	.spCnt {
		display: none !important;
	}

	input,
	select,
	textarea,
	button {
		vertical-align: middle;
		font-size: 18px;
		padding: 8px 8px;
	}

	input[type=text] {
		border: none;
		background: #ffffff;
		padding: 5px 5px;
		border: solid 1px #cccbcb;
		border-radius: 4px;
	}

	select {
		background: #ffffff;
		padding: 5px 5px;
		border: solid 1px #cccbcb;
		font-weight: 400;
		font-size: 11px;
		border-radius: 4px;
	}

	textarea {
		border: none;
		background: #ffffff;
		padding: 5px 5px;
		border: solid 1px #cccbcb;
	}

	/* link option */
	a:link {
		color: #000;
		text-decoration: none;
	}

	a:visited {
		color: #000;
		text-decoration: none;
	}

	a:hover {
		color: #000;
		text-decoration: none;
	}

	a:active {
		color: #000;
	}

	/*clearfix*/
	.cf:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		overflow: hidden;
		font-size: 0.1em;
		line-height: 0;
	}

	.cf {
		min-height: 1%;
	}

	* {
		box-sizing: border-box;
		word-break: break-all;
		word-wrap: break-word;
	}

	i {
		font-style: normal;
	}

	img {
		height: auto;
		backface-visibility: hidden;
	}

	.Deco {
		text-decoration: underline !important;
	}

	.block {
		display: block;
	}

	.AnCr {
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.AnLt {
		text-align: left !important;
	}

	.AnRt {
		text-align: right !important;
	}

	.big {
		font-size: 1.29em;
	}

	.bold {
		font-weight: bold;
	}

	.sml {
		font-size: 0.71em;
	}

	.red {
		color: #e20012;
	}

	.orange {
		color: #ff7800;
	}

	.white {
		color: #fff;
	}

	.blue {
		color: #4B72B6;
	}

	.Cyan {
		color: #4babb6;
	}

	.mb0 {
		margin: 0 0 0 !important;
	}

	.mb5 {
		margin: 0 0 5px !important;
	}

	.mb10 {
		margin: 0 0 10px !important;
	}

	.mb15 {
		margin: 0 0 15px !important;
	}

	.mb20 {
		margin: 0 0 20px !important;
	}

	.mb25 {
		margin: 0 0 25px !important;
	}

	.mb30 {
		margin: 0 0 30px !important;
	}

	.mb35 {
		margin: 0 0 35px !important;
	}

	.mb40 {
		margin: 0 0 40px !important;
	}

	.mb45 {
		margin: 0 0 45px !important;
	}

	.mb50 {
		margin: 0 0 50px !important;
	}

	.mt0 {
		margin: 0 0 0 !important;
	}

	.mt5 {
		margin: 5px 0 0 !important;
	}

	.mt10 {
		margin: 10px 0 0 !important;
	}

	.mt15 {
		margin: 15px 0 0 !important;
	}

	.mt20 {
		margin: 20px 0 0 !important;
	}

	.mt25 {
		margin: 25px 0 0 !important;
	}

	.mt30 {
		margin: 30px 0 0 !important;
	}

	.mt35 {
		margin: 35px 0 0 !important;
	}

	.mt40 {
		margin: 40px 0 0 !important;
	}

	.mt45 {
		margin: 45px 0 0 !important;
	}

	.mt50 {
		margin: 50px 0 0 !important;
	}

	/***************************************************************************

  header

***************************************************************************/
	#header {}

	#header div {
		align-items: center;
		width: 1140px;
		margin: 0 auto;
		position: relative;
		text-align: center;
		padding: 60px 0 30px;
	}

	#header h1 {
		width: 843px;
		margin: 0 auto 0;
	}

	#header h1 img {
		width: 100%;
	}

	/***************************************************************************

  各section共通

***************************************************************************/
	.cntWrap {
		background: url(../images/list/list_bg.jpg) no-repeat left top;
		background-size: cover;
	}

	section {
		width: 100%;
		max-width: 1140px;
		min-width: 1140px;
		/*max-width: 1260px;*/
		margin: 0 auto 80px;
		z-index: 10;
		position: relative;
	}

	section .wrap {
		width: 100%;
	}

	a {
		transition: 0.4s;
		opacity: 1;
	}

	a:hover {
		opacity: 0.6;
	}

	/***************************************************************************

  開催期間

***************************************************************************/
	.eventInfo p {
		width: 90%;
		margin: 0 auto;
	}

	.eventInfo p img {
		width: 100%;
	}

	/***************************************************************************

  会場一覧

***************************************************************************/
	.placeList {
		margin: 0 auto;
	}

	.placeList .wrap {
		padding: 0 0 50px;
	}

	.placeList ul {
		width: 100%;
		display: flex;
		margin: 0 auto 10px;
		justify-content: space-between;
		align-content: stretch;
		flex-wrap: wrap;
	}

	.placeList ul:after {
		display: block;
		content: "";
		width: 32%;
	}

	.placeList ul li {
		width: 32%;
		margin-bottom: 2%;
	}

	.placeList ul li img {
		width: 100%;
	}

	.commingSoon {
		width: 70%;
		margin: 0 auto;
	}

	.commingSoon img {
		width: 100%;
	}

	/***************************************************************************

  footer

***************************************************************************/
	footer {
		width: 100%;
		max-width: 1060px;
		min-width: 1060px;
		margin: 0 auto;
	}

	footer .wrap {
		width: 100%;
		text-align: center;
		padding: 60px 0 1.5em;
	}

	footer .logo {
		width: 238px;
		display: inline-block;
		margin-bottom: 2em;
	}

	footer .logo img {
		width: 100%;
	}

	footer .copyright {
		font-size: 20px;
		letter-spacing: 0.04em;
	}
}

/***************************************************************************


  以下、スマホ用スタイル


***************************************************************************/
@media screen and (max-width: 575px) {
	html {
		overflow-y: scroll;
	}

	body,
	div,
	dl,
	dt,
	dd,
	ul,
	ol,
	li,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	pre,
	form,
	fieldset,
	input,
	textarea,
	p,
	blockquote,
	th,
	td {
		margin: 0;
		padding: 0;
	}

	address,
	caption,
	cite,
	code,
	dfn,
	em,
	strong,
	th,
	var {
		font-style: normal;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	caption,
	th {
		text-align: left;
	}

	q:before,
	q:after {
		content: '';
	}

	object,
	embed {
		vertical-align: top;
	}

	hr,
	legend {
		display: none;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: 100%;
		font-weight: normal;
	}

	img,
	abbr,
	acronym,
	fieldset {
		border: 0;
	}

	ul,
	ol {
		list-style-type: none;
	}

	ul,
	li,
	img {
		vertical-align: bottom;
	}

	hr {
		display: none;
	}

	/* default */
	body {
		font-family: 'Noto Sans JP', Osaka, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
		color: #000;
		font-size: 16px;
		line-height: 1.6;
		max-height: 100%;
		-webkit-text-size-adjust: none;
		background: #fff;
	}

	.pcbr {
		display: none !important;
	}

	.pcCnt {
		display: none !important;
	}

	input,
	select,
	textarea,
	button {
		vertical-align: middle;
		font-size: 18px;
		padding: 8px 8px;
	}

	input[type=text] {
		border: none;
		background: #ffffff;
		padding: 5px 5px;
		border: solid 1px #cccbcb;
		border-radius: 4px;
	}

	select {
		background: #ffffff;
		padding: 5px 5px;
		border: solid 1px #cccbcb;
		font-weight: 400;
		font-size: 11px;
		border-radius: 4px;
	}

	textarea {
		border: none;
		background: #ffffff;
		padding: 5px 5px;
		border: solid 1px #cccbcb;
	}

	/* link option */
	a:link {
		color: #000;
		text-decoration: none;
	}

	a:visited {
		color: #000;
		text-decoration: none;
	}

	a:hover {
		color: #000;
		text-decoration: none;
	}

	a:active {
		color: #000;
	}

	/*clearfix*/
	.cf:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		overflow: hidden;
		font-size: 0.1em;
		line-height: 0;
	}

	.cf {
		min-height: 1%;
	}

	* {
		box-sizing: border-box;
		word-break: break-all;
		word-wrap: break-word;
	}

	i {
		font-style: normal;
	}

	img {
		height: auto;
	}

	.Deco {
		text-decoration: underline !important;
	}

	.block {
		display: block;
	}

	.AnCr {
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.AnLt {
		text-align: left !important;
	}

	.AnRt {
		text-align: right !important;
	}

	.big {
		font-size: 1.29em;
	}

	.bold {
		font-weight: bold;
	}

	.sml {
		font-size: 0.71em;
	}

	.red {
		color: #e20012;
	}

	.orange {
		color: #ff7800;
	}

	.white {
		color: #fff;
	}

	.blue {
		color: #4B72B6;
	}

	.Cyan {
		color: #4babb6;
	}

	.mb0 {
		margin: 0 0 0 !important;
	}

	.mb5 {
		margin: 0 0 5px !important;
	}

	.mb10 {
		margin: 0 0 10px !important;
	}

	.mb15 {
		margin: 0 0 15px !important;
	}

	.mb20 {
		margin: 0 0 20px !important;
	}

	.mb25 {
		margin: 0 0 25px !important;
	}

	.mb30 {
		margin: 0 0 30px !important;
	}

	.mb35 {
		margin: 0 0 35px !important;
	}

	.mb40 {
		margin: 0 0 40px !important;
	}

	.mb45 {
		margin: 0 0 45px !important;
	}

	.mb50 {
		margin: 0 0 50px !important;
	}

	.mt0 {
		margin: 0 0 0 !important;
	}

	.mt5 {
		margin: 5px 0 0 !important;
	}

	.mt10 {
		margin: 10px 0 0 !important;
	}

	.mt15 {
		margin: 15px 0 0 !important;
	}

	.mt20 {
		margin: 20px 0 0 !important;
	}

	.mt25 {
		margin: 25px 0 0 !important;
	}

	.mt30 {
		margin: 30px 0 0 !important;
	}

	.mt35 {
		margin: 35px 0 0 !important;
	}

	.mt40 {
		margin: 40px 0 0 !important;
	}

	.mt45 {
		margin: 45px 0 0 !important;
	}

	.mt50 {
		margin: 50px 0 0 !important;
	}

	/***************************************************************************

  header

***************************************************************************/
	#header {}

	#header div {
		align-items: center;
		width: 100%;
		margin: 0 auto;
		position: relative;
		text-align: center;
		padding: 40px 0 20px;
	}

	#header h1 {
		width: 95%;
		margin: 0 auto 0;
	}

	#header h1 img {
		width: 100%;
	}

	/***************************************************************************

  各section共通

***************************************************************************/
	.cntWrap {
		background: url(../images/list/list_bg.jpg) no-repeat left top;
		background-size: cover;
	}

	section {
		width: 100%;
		max-width: 100%;
		/*max-width: 1260px;*/
		margin: 0 auto 30px;
		z-index: 10;
		position: relative;
		padding: 0 4%;
	}

	section .wrap {
		width: 100%;
	}

	a {
		transition: 0.4s;
		opacity: 1;
	}

	a:hover {
		opacity: 0.6;
	}

	/***************************************************************************

  開催期間

***************************************************************************/
	.eventInfo p {
		width: 100%;
		margin: 0 auto;
	}

	.eventInfo p img {
		width: 100%;
	}

	/***************************************************************************

  会場一覧

***************************************************************************/
	.placeList {
		margin: 0 auto;
	}

	.placeList .wrap {
		padding: 0 0 40px;
	}

	.placeList ul {
		width: 100%;
		display: flex;
		margin: 0 auto 20px;
		justify-content: space-between;
		align-content: stretch;
		flex-wrap: wrap;
	}

	.placeList ul:after {
		display: block;
		content: "";
		width: 49%;
	}

	.placeList ul li {
		width: 49%;
		margin-bottom: 2%;
	}

	.placeList ul li img {
		width: 100%;
	}

	.commingSoon {
		width: 100%;
		margin: 0 auto;
	}

	.commingSoon img {
		width: 100%;
	}

	/***************************************************************************

  footer

***************************************************************************/
	footer {
		width: 100%;
		margin: 0 auto;
	}

	footer .wrap {
		width: 100%;
		text-align: center;
		padding: 60px 0 1.5em;
	}

	footer .logo {
		width: 200px;
		display: inline-block;
		margin-bottom: 2em;
	}

	footer .logo img {
		width: 100%;
		-webkit-backface-visibility: hidden;
	}

	footer .copyright {
		font-size: 3vw;
		letter-spacing: 0.04em;
	}
}