/* Backgachi Hall Stylesheet. */





/***** PC表示用 *****/

@media (min-width: 1000px) {

	/* レイアウト修正 */
	#content:after {
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}


	/* 情報取扱店舗リスト */
	#hall {
		float: left;
		width: 730px;
		margin: 0px 0px 30px 0px;
		padding: 0px;
	}
  #hall h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0px;
    padding: 10px 20px;
    font-size: 1.6rem;
    line-height: 100%;
    vertical-align: middle;
    border: #000000 1px solid;
  }
  #hall h3 img {
    width: auto;
    height: 40px;
    margin: 0;
    padding: 0;
  }
	#hall .wrap {
		margin: 0px 0px 30px 0px;
		padding: 0px;
	}
	#hall p.none {
		margin: 0px;
		padding: 20px 0px 20px 20px;
		font-size: 1.2rem;
		text-align: center;
		background-color: #F1F1F1;
	}
	#hall .date {
		margin: 10px 0px 10px 0px;
		padding: 5px 0px 5px 0px;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: left;
		border-bottom: #999999 1px solid;
	}
	#hall .date span {
		color: #CA0404;
		font-size: 2.0rem;
	}
	#hall ul.list {
		margin: 0px;
		padding: 0px;
		z-index: -1;
	}
	#hall ul.list li {
		margin: 0px 0px 0px 0px;
		padding: 20px 20px;
		border-bottom: #CCCCCC 1px dotted;
		cursor: pointer;
	}
	#hall ul.list li:hover {
		opacity: 0.6;
	}
	#hall ul.list li:nth-of-type(2n) {
		background-color: #F1F1F1;
	}
	#hall ul.list li:after {
		content: "";
		display: block;
		clear: both;
	}
	#hall table {
		width : 100%;
		margin: 0px;
		padding: 0px;
	}
	#hall td.lineupPict {
		max-width : 220px;
	}
	#hall td.lineupPict img {
		max-width : 220px;
		max-height: 220px;
	}
	#hall td.text {
		width : 400px;
		padding: 0px 20px;
		vertical-align: top;
	}
	#hall td.text h4 {
		margin: 0px;
		padding: 0px;
		color: #CA0404;
		font-size: 1.4rem;
	}
	#hall td.text p.body {
		margin: 0px 0px 5px 0px;
		padding: 0px;
		font-size: 0.9rem;
		line-height: 140%;
	}
	#hall td.text p.address span {
		display: inline-block;
		margin: 0px 10px 0px 0px;
		padding: 2px 8px;
		font-size: 0.8rem;
		background-color: #F1F1F1;
		border-radius: 3px;
	}
	#hall ul.list li:nth-of-type(2n) td.text p.address span {
		background-color: #FFFFFF;
	}
	#hall td.text p.lineupBlog {
		margin: 0 0 10px 0;
		padding: 0;
	}
	#hall td.text p.lineupBlog a {
		display: block;
		margin: 0;
		padding: 10px;
		text-align: center;
		color: #FFFFFF;
		font-size: 20px;
		background-color: #000000;
		border-radius: 5px;
	}
	#hall td.text p.resultBlog {
		margin: 0 0 10px 0;
		padding: 0;
	}
	#hall td.text p.resultBlog a {
		display: block;
		margin: 0;
		padding: 10px;
		text-align: center;
		color: #fff500;
		font-size: 20px;
		background-color: #0043b6;
		border-radius: 5px;
	}
	#hall td.pict {
		vertical-align: middle;
	}
	#hall img.hallLogo {
		max-width : 110px;
		max-height: 110px;
	}
	#hall img.hallPict {
		max-width : 140px;
		max-height: 110px;
	}


	/* ページャー */
	#hall nav.navigation {
		display: block;
		width: 100%;
		margin: 0px 0px 20px 0px;
	}

	#hall nav.navigation .nav-links {
		display: table;
		margin: -5px -5px;
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
		border-collapse: separate;
		border-spacing: 5px;
	}

	#hall nav.navigation .nav-links span.current {
		display: table-cell;
		margin: 0px;
		padding: 5px 13px;
		font-size: 1.2rem;
		color: #FFFFFF;
		background-color: #CCCCCC;
		box-sizing: border-box;
	}

	#hall nav.navigation .nav-links a.page-numbers {
		display: table-cell;
		margin: 0px;
		padding: 5px 13px;
		font-size: 1.2rem;
		color: #333333;
		background-color: #FFFFFF;
		border: #CCCCCC 1px solid;
		box-sizing: border-box;
	}

	#hall nav.navigation .nav-links a.prev,
	#hall nav.navigation .nav-links a.next {
		display: table-cell;
		margin: 0px;
		padding: 5px 13px;
		font-size: 1.2rem !important;
		color: #333333;
		background-color: #FFFFFF;
		border: #CCCCCC 1px solid;
		box-sizing: border-box;
	}

	#hall nav.navigation .nav-links span.prev,
	#hall nav.navigation .nav-links span.next {
		display: table-cell;
		margin: 0px;
		padding: 5px 13px;
		font-size: 1.2rem !important;
		color: #CCCCCC;
		background-color: #FFFFFF;
		border: #CCCCCC 1px solid;
		box-sizing: border-box;
	}



	/* サイドバー */
	#sidebar {
		float: right;
		width: 235px;
		min-height: 100%;
		margin: 0px;
		padding: 0px;
	}

	#sidebar ul {
		width: 100%;
		margin: 0px;
		padding: 0px 0px;
	}

	#sidebar ul li.wanted {
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding: 40px 0px;
		font-size: 1.6rem;
		text-align: center;
		vertical-align: middle;
		background-color: #EEEEEE;
		border: #CCCCCC 1px solid;
	}

}
/* PC表示ここまで */











/*
* スマホ
*/

@media (max-width: 999px) {

	/* レイアウト修正 */
	#content:after {
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}


	/* 情報取扱店舗リスト */
	#hall {
		margin: 0px 10px 30px 10px;
		padding: 0px;
	}
  #hall h3 {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0px;
    padding: 0 10px;
    font-size: 1.6rem;
    line-height: 100%;
    vertical-align: middle;
    border: #000000 1px solid;
  }
  #hall h3 img {
    width: 30vw;
    height: auto;
    margin: 0;
    padding: 0;
  }
	#hall .wrap {
		margin: 0px 0px 0px 0px;
		padding: 10px;
	}

	#hall p.none {
		margin: 0px;
		padding: 20px 0px 20px 20px;
		font-size: 1.2rem;
		text-align: center;
		background-color: #F1F1F1;
	}

	#hall .date {
		margin: 10px 0px 10px 0px;
		padding: 5px 0px 5px 0px;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: left;
		border-bottom: #999999 1px solid;
	}

	#hall .date span {
		color: #CA0404;
		font-size: 2.0rem;
	}

	#hall ul.list {
		margin: 0px;
		padding: 0px;
	}

	#hall ul.list li {
		margin: 0px 0px 10px 0px;
		padding: 10px 10px;
		border: #CCCCCC 1px dotted;
		cursor: pointer;
	}

	#hall ul.list li:hover {
		opacity: 0.6;
	}

	#hall ul.list li:nth-of-type(2n) {
		background-color: #F1F1F1;
	}

	#hall ul.list li:after {
		content: "";
		display: block;
		clear: both;
	}

	#hall ul.list li .date {
		margin: -10px 0px 10px 0px;
		padding: 5px 0px 5px 0px;
		font-size: 1.8rem;
		font-weight: bold;
		text-align: center;
		border-bottom: #999999 1px solid;
	}

	#hall ul.list li .date span {
		color: #CA0404;
		font-size: 2.0rem;
	}

	#hall table {
		width : 100%;
		min-height: 35vw;
		margin: 0;
		padding: 0;
	}
	#hall td.lineupPict {
		position: relative;
		display: block;
	}
	#hall td.lineupPict img {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width : 40%;
		height: auto;
	}
	#hall td.text {
		display: block;
		margin: 0 0 0 45%;
		padding: 0;
	}
	#hall td.text h4 {
		margin: 0px;
		padding: 0px;
		color: #CA0404;
		font-size: 1.4rem;
	}
	#hall td.text p.body {
		margin: 0px 0px 5px 0px;
		padding: 0px;
		font-size: 0.9rem;
		line-height: 140%;
	}
	#hall td.text p.address {

	}
	#hall td.text p.address span {
		display: inline-block;
		margin: 0px 10px 0px 0px;
		padding: 2px 8px;
		font-size: 0.8rem;
		line-height: 100%;
		background-color: #F1F1F1;
		border-radius: 3px;
	}
	#hall ul.list li:nth-of-type(2n) td.text p.address span {
		background-color: #FFFFFF;
	}
	#hall td.text p.blog {
		font-size: 0.8rem;
	}
	#hall td.text p.blog span {
		display: inline-block;
		margin: 0px 5px 0px 0px;
		padding: 2px 8px;
		color: #FFFFFF;
		font-size: 0.8rem;
		background-color: #000000;
		border-radius: 3px;
	}
	#hall td.pict {
		display: block;
		margin: 0 0 0 45%;
		padding: 0;
		text-align: center;
	}
	#hall img.hallLogo {
		max-width : 40%;
		max-height: 100px;
	}
	#hall img.hallPict {
		max-width : 40%;
		max-height: 100px;
	}


	/* ページャー */
	#hall nav.navigation {
		display: block;
		width: 100%;
		margin: 0px 0px 20px 0px;
		text-align: center;
	}

	#hall nav.navigation .nav-links {
		display: table;
		margin: -5px auto;
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
		border-collapse: separate;
		border-spacing: 5px;
	}

	#hall nav.navigation .nav-links span.current {
		display: table-cell;
		margin: 0px;
		padding: 5px 8px;
		color: #FFFFFF;
		background-color: #CCCCCC;
		box-sizing: border-box;
	}

	#hall nav.navigation .nav-links a.page-numbers {
		display: table-cell;
		margin: 0px;
		padding: 5px 8px;
		color: #333333;
		background-color: #FFFFFF;
		border: #CCCCCC 1px solid;
		box-sizing: border-box;
	}

	#hall nav.navigation .nav-links a.prev,
	#hall nav.navigation .nav-links a.next {
		display: table-cell;
		margin: 0px;
		padding: 5px 8px;
		color: #333333;
		background-color: #FFFFFF;
		border: #CCCCCC 1px solid;
		box-sizing: border-box;
	}

	#hall nav.navigation .nav-links span.prev,
	#hall nav.navigation .nav-links span.next {
		display: table-cell;
		margin: 0px;
		padding: 5px 8px;
		color: #CCCCCC;
		background-color: #FFFFFF;
		border: #CCCCCC 1px solid;
		box-sizing: border-box;
	}


}
/* スマホ表示ここまで */