@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 768px) {

/* -------- Base Style -------- */
* {
	margin:0;
	padding:0; }

body {
	color: #333;
	font-size: 14px;
	line-height: 1.834;
	font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Verdana','MS P Gothic','ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.05em;
	-webkit-text-size-adjust: none; }

.bg_area {
	margin: auto;
	padding: 0 10px; }

#wrapper {
	width:100%;
	text-align: left;
	overflow: hidden; }

.sp {
	display: block; }

.pc {
	display: none !important; }

#main_contents {
	background-color: #fff;
	height: auto; }

h1 {
	font-size: 24px; font-size: 2.4rem;
	font-weight: bold;
	text-align: left;
	margin: 0 auto; }

h2 {
	font-size: 1.8em;
	font-weight: 100; }

h3 {
	font-size: 1.2em; }

h4 {
	color: #fff;
	padding-left: 15px; }

p.big {
	font-size: 1.2em; }

p.indent {
	text-indent:4.2em; }

img {
	border-style: none;
	width: 100%;
	vertical-align: middle; }

a:hover img {
	opacity: 0.7; }

.clear {
	clear: both; }

.top10px {
	margin-top: 10px; }

.top30px {
	margin-top: 30px; }


/* -------- header -------- */
/*
#header {
	color: #FFF;
	height: 46px;
	background-color: #000;
	width: 100%; }

#header h1 {
	height: 46px;
	width: 100px;
	line-height: 46px;
	margin: 0 0 0 10px; }
*/

/* -------- event_intro -------- */

#event_intro {
	margin-top: 40px; }

#event_intro p {
	margin-top: 30px; }


/* -------- event_info -------- */

.event_info {
	margin-top: 40px; }

.left_area2 {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important; }

.right_area2 {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-top: 30px !important; }


table {
	width: 100%;
	text-align: center;
	border-collapse: collapse; }

th,td {
	height: 30px;
	width: 50%;
	border: 1px solid #ccc; }

th {
	background-color: #eee;
	font-weight: 100; }

#map {
	max-width: 480px;
	margin: 30px auto 0; }


/* -------- shop_info -------- */

#shop_info {
	margin-top: 40px; }

#shop_list {
	margin-top: 15px; }

.list {
	height: 45px !important;
	border-bottom: 1px solid #ccc !important;
	margin-top: 0 !important; }

.list p {
	float: left !important;
	margin: 0px !important;
	padding-left: 10px !important;
	line-height: 45px !important; }

.list img {
	float: right !important;
	max-width: 120px !important;
	padding-top: 10px !important;
	padding-right: 10px !important; }

#Prefecture {
	background-color: #000 !important;
	height: 30px !important;
	width: 100% !important;
	line-height: 30px !important; }


/* -------- to_page_top -------- */

.to-page-top {
	width: 100%;
	margin: 0 !important;
	padding: 0;
	background: #f2f2f2; }

section.section + .to-page-top {
	margin-top: 0px !important; }

.to-page-top .container {
	width: 100%;
	padding: 0; }

.to-page-top a {
	display: block;
	float: right;
	height: 43px;
	width: 100%;
	background: transparent url("../images/btn_to_page_top_sp.png") no-repeat right 0;
	background-size: contain;
	overflow: hidden;
	text-indent: -9999px;
	outline: none;
	background-color: #f2f2f2;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc; }

.to-page-top a:hover {
	background-position: right 0; }


/* -------- footer -------- */

#footer .footer-inner ul li a {
	text-decoration: none; }

#footer .footer-inner ul li.last-child {
	margin-right: 0; }

/* .primary */
#footer .footer-inner .primary {
	padding: 0; }

.secondary-inner {
	width: 100%; }

#footer-nav {
	float: none;
	margin: 0;
	display: block; }


.secondary-inner nav ul.site-links,
.secondary-inner nav ul.external-links {
	float: none;
	background: none;
	margin: 0; }

.secondary-inner nav ul li {
	display: block;
	float: none;
	background: none;
	margin: 0 !important;
	border-bottom: 1px solid #333; }

.secondary-inner nav ul li a {
	padding: 15px 20px;
	text-decoration: none; }

.secondary {
	padding: 0;
	border-top: 0;
	background: #333; }

.secondary-inner nav ul li {
	border-bottom: 1px solid #444; }

.external-links li a span {
	text-decoration: none; }

.tertiary {
	padding: 0;
	border-top: 0; }

.copyright {
	float: none;
	display: block;
	font-size: 10px;
	margin: 0;
	padding: 10px 20px;
	border-top: 1px solid #333; }
}