@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ角ゴ ProN", "Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  color: #3c3c3c;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.hero {
  text-align: center;
  background: #d02d21;
}

@media only screen and (max-width: 767px) {
  .hero {
    margin: 0 0 30px;
    padding: 40px 0 25px;
  }
}

@media only screen and (min-width: 768px) {
  .hero {
    margin: 0 0 50px;
    padding: 100px 0 80px;
  }
}

.hero__img {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .hero__img {
    margin: 0 15px 0;
  }
}

@media only screen and (min-width: 768px) {
  .hero__img {
    max-width: 950px;
    width: calc(100% - 45px);
    margin: 0 auto;
  }
}

.hero__text {
  color: #fff;
  text-align: justify;
}

@media only screen and (max-width: 767px) {
  .hero__text {
    margin: 20px 15px 0;
  }
}

@media only screen and (min-width: 768px) {
  .hero__text {
    max-width: 950px;
    width: calc(100% - 45px);
    margin: 40px auto 0;
  }
}

.hero__text p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  margin: 0 0 20px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .hero__text p {
    font-size: 1.1rem;
    line-height: 1.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .hero__text p {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
}

.hero__text p:last-child {
  margin: 0;
}

.hero__event {
  background-color: #fbdc34;
  color: #d02d21;
}

@media only screen and (max-width: 767px) {
  .hero__event {
    width: calc(100% - 20px);
    margin: 20px auto 0 auto;
  }
}

@media only screen and (min-width: 768px) {
  .hero__event {
    width: 100%;
    max-width: 950px;
    margin: 40px auto 0 auto;
  }
}

.hero__event a {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 900;
}

@media only screen and (max-width: 767px) {
  .hero__event a {
    height: 40px;
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) {
  .hero__event a {
    font-size: 30px;
    height: 60px;
  }
}

/*
.local_nav {
	background: #d02d21;
	width: 100%;
	@include mq-sp {
		margin: 0 0 30px;
	}
	@include mq-pc {
		margin: 0 auto 50px;
	}
	ul {
		list-style: none;
		display: flex;
		@include mq-sp {
			flex-wrap: wrap;
			justify-content: space-between;
			margin: 0;
			padding: 0;
		}
		@include mq-pc {
			max-width: 1100px;
			width: calc(100% - 45px);
			margin: 0 auto;
			padding: 0 0 20px;
		}
		li {
			cursor: pointer;
			position: relative;
			@include mq-sp {
				width: 33.2%;
				&:last-child {
					width: 100%;
					.item {
						flex-direction: row;
						align-items: center;
						justify-content: center;
						height: 60px;
						border-bottom: #fff solid 1px;
					}
					.icon {
						margin-right: 10px;
						position: relative;
						top: 5px;
					}
				}
			}
			@include mq-pc {
				width: 15%;
				padding: 15px 0;
			}
			img {
				max-width: 100%;
				height: auto;
			}
			&:hover {
				background: #e87e7a;
			}
			.icon {
				margin: 0 0 10px;
			}
			&:last-child {
				.item {
					@include mq-pc {
						border-right: none;
					}
				}
			}
			a {
				color: #fff;
				text-decoration: none;
				font-weight: 600;
				@include mq-sp {
					font-size: 0.9rem;
				}
				@include mq-sp {
					font-size: 1.0rem;
					line-height: 1.0rem;
				}
				&::after {
					position: absolute;
					top: 0;
					right: 0;
				  bottom: 0;
				  left: 0;
				  z-index: 1;
				  pointer-events: auto;
				  content: "";
				  background-color: transparent;
				}
			}
			.item {
				text-align: center;
				display: flex;
				justify-content: center;
				@include mq-sp {
					border-top: #fff solid 1px;
					border-right: #fff solid 1px;
					height: 90px;
					flex-direction: column;
				}
				@include mq-pc {
					border-right: #fff solid 1px;
					flex-direction: column;
				}
			}
		}
	}
}
*/
.ttl {
  background: #eccccc;
  padding: 20px;
  font-weight: 700;
}

.ttl h2 {
  color: #d62d30;
  text-align: center;
  margin: 0;
  padding: 0;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (max-width: 767px) {
  .ttl h2 {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 768px) {
  .ttl h2 {
    font-size: 1.7rem;
  }
}

@media only screen and (max-width: 767px) {
  .topics__content {
    margin: 0 15px 0;
    padding: 0 0 10px;
  }
}

@media only screen and (min-width: 768px) {
  .topics__content {
    max-width: 1100px;
    width: calc(100% - 45px);
    margin: 0 auto;
    padding: 0 0 25px;
  }
}

.topics ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .topics ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media only screen and (min-width: 768px) {
  .topics ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.topics ul .topic {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .topics ul .topic {
    width: 48%;
    margin: 0 0 20px;
  }
}

@media only screen and (min-width: 768px) {
  .topics ul .topic {
    width: calc((100% - 64px) / 4);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 8px 35px;
  }
}

.topics ul .topic:first-child {
  margin-top: 0;
}

.topics ul .topic__pic {
  width: 100%;
  position: relative;
  background: #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .topics ul .topic__pic {
    height: 150px;
  }
}

@media only screen and (min-width: 768px) {
  .topics ul .topic__pic {
    height: 210px;
  }
}

@media only screen and (min-width: 768px) {
  .topics ul .topic__pic:hover img {
    opacity: 0.8;
  }
}

.topics ul .topic__pic img {
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 767px) {
  .topics ul .topic__pic img {
    height: 130px;
  }
}

@media only screen and (min-width: 768px) {
  .topics ul .topic__pic img {
    height: 180px;
  }
}

.topics ul .topic__caption {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .topics ul .topic__caption {
    width: 100%;
    margin: 13px 0 0;
  }
}

@media only screen and (min-width: 768px) {
  .topics ul .topic__caption {
    width: 100%;
    margin: 15px 0 0;
  }
}

.topics ul .topic__category {
  display: inline-block;
  margin: 0;
  color: #043464;
  background: #F4F5F7;
  border-radius: 5px;
  font-weight: 600;
  text-align: left;
  line-height: 100%;
}

@media only screen and (max-width: 767px) {
  .topics ul .topic__category {
    font-size: 11px;
    padding: 4px 12px;
  }
}

@media only screen and (min-width: 768px) {
  .topics ul .topic__category {
    font-size: 12px;
    padding: 4px 14px;
  }
}

.topics ul .topic__text {
  background: #fff;
  width: 100%;
  padding: 0;
  margin: 10px 0 0;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .topics ul .topic__text {
    font-size: 0.85rem;
    line-height: 1.3rem;
    height: 59px;
  }
}

@media only screen and (min-width: 768px) {
  .topics ul .topic__text {
    padding: 0;
    color: #000;
    font-size: 0.95rem;
    line-height: 1.5rem;
    height: 70px;
  }
}

.topics ul .topic__text a {
  color: #486B97;
}

@media only screen and (max-width: 767px) {
  .topics ul .topic__text a {
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: normal;
  }
}

@media only screen and (min-width: 768px) {
  .topics ul .topic__text a {
    text-decoration: none;
  }
}

.topics ul .topic__text a:hover {
  text-decoration: underline;
  color: #946349;
}

.topics ul .topic__date {
  text-align: right;
  color: #666;
  letter-spacing: 0.04em;
}

@media only screen and (max-width: 767px) {
  .topics ul .topic__date {
    margin: 15px 0 0;
    font-size: 0.8rem;
  }
}

@media only screen and (min-width: 768px) {
  .topics ul .topic__date {
    margin: 20px 0 0;
    font-size: 0.9rem;
  }
}

@media only screen and (max-width: 767px) {
  .shop {
    margin: 30px 0;
  }
}

@media only screen and (min-width: 768px) {
  .shop {
    margin: 60px 0;
  }
}

@media only screen and (max-width: 767px) {
  .shop__content {
    margin: 0 15px 0;
  }
}

@media only screen and (min-width: 768px) {
  .shop__content {
    max-width: 1100px;
    width: calc(100% - 45px);
    margin: 0 auto;
  }
}

.shop__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .shop__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (min-width: 768px) {
  .shop__inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media only screen and (max-width: 767px) {
  .shop__map {
    width: 100%;
    margin: 0 0 15px;
  }
}

@media only screen and (min-width: 768px) {
  .shop__map {
    width: 50%;
  }
}

@media only screen and (max-width: 767px) {
  .shop__detail {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .shop__detail {
    width: 47%;
  }
}

.shop__detail dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: #ccc solid 1px;
  border-right: #ccc solid 1px;
  border-left: #ccc solid 1px;
}

@media only screen and (max-width: 767px) {
  .shop__detail dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.shop__detail dl:last-child {
  border-bottom: #ccc solid 1px;
}

.shop__detail dt {
  background: #f1f1f1;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .shop__detail dt {
    width: 100%;
    padding: 14px 15px;
  }
}

@media only screen and (min-width: 768px) {
  .shop__detail dt {
    width: 20%;
    font-size: 0.95rem;
    padding: 17px 15px;
  }
}

.shop__detail dd {
  margin: 0;
  padding: 17px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .shop__detail dd {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .shop__detail dd {
    width: 80%;
  }
}

.shop__detail dd ul {
  margin: 0 0 0 20px;
  padding: 0;
}

.shop__detail dd span {
  color: red;
  font-weight: 600;
}

/*
.yoimatsuri {
	@include mq-sp {
		margin: 30px 0;
	}
	@include mq-pc {
		margin:  60px 0;
	}
	&__content {
		@include mq-sp {
			margin: 0 15px 0;
		}
		@include mq-pc {
			max-width: 1100px;
			width: calc(100% - 45px);
			margin: 0 auto;
		}
	}
	&__note {
		border: #ccc solid 4px;
		box-sizing: border-box;
		margin: 0 0 30px;
		@include mq-sp {
			padding: 30px 15px;
		}
		@include mq-pc {
			padding: 25px 35px;
		}
		&-ttl {
			font-weight: 600;
			text-align: left;
			font-family: 'Noto Sans JP', sans-serif;
			margin: 0 0 15px;
			@include mq-sp {
				font-size: 1.1rem;
			}
			@include mq-pc {
				font-size: 1.2rem;
			}
		}
		p {
			text-align: left;
			margin: 0;
			padding: 0;
			@include mq-sp {
				font-size: 0.95rem;
				line-height: 1.75rem;
			}
			@include mq-pc {
				font-size: 1.0rem;
				line-height: 1.9rem;
			}
		}
	}
	&__container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	&__item {
		@include mq-sp {
			width: 48.5%;
			margin: 0 0 15px;
		}
		@include mq-pc {
			width: 23.5%;
			margin: 0 0 25px;
		}
	}
	&__img {
		position: relative;
	}
	&__genre {
		position: absolute;
		bottom: 0;
		left: 0;
		background: #eccccc;
		color: #d62d30;
		width: 100%;
		text-align: center;
		font-weight: 600;
		font-family: 'Noto Sans JP', sans-serif;
		@include mq-sp {
			font-size: 0.9rem;
			height: 40px;
			line-height: 40px;
		}
		@include mq-pc {
			height: 50px;
			line-height: 50px;
		}
		span {
			@include mq-sp {
				font-size: 0.6rem;
			}
			@include mq-pc {
				font-size: 0.9rem;
			}
		}
	}
	&__sale {
		display: flex;
		&-item {
			color: #fff;
			@include mq-sp {
				width: 100%;
				padding: 10px 5px;
				line-height: 1.1rem;
			}
			@include mq-pc {
				width: 50%;
				padding: 7px 20px;
				line-height: 1.3rem;
			}
			a {
				color: #fff;
				text-decoration: none;
				width: 100%;
				display: block;
				text-align: center;
				@include mq-sp {
					font-size: 0.75rem;
				}
				@include mq-pc {
					font-size: 0.9rem;
				}
			}
		}
		.topic {
			background: #4467a2;
		}
		.order {
			background: #d63131;
		}
		.click {
			cursor: pointer;
			&:hover {
				opacity: 0.8;
			}
		}
	}
}

.honmatsuri {
	@include mq-sp {
		margin: 30px 0;
	}
	@include mq-pc {
		margin:  60px 0;
	}
	&__content {
		@include mq-sp {
			margin: 0 15px 0;
		}
		@include mq-pc {
			max-width: 1100px;
			width: calc(100% - 45px);
			margin: 0 auto;
		}
	}
	&__container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	&__item {
		position: relative;
		@include mq-sp {
			width: 48.5%;
    		margin: 0 0 15px;
		}
		@include mq-pc {
			width: 24%;
			margin: 0 0 25px;
		}
	}
	.click {
		cursor: pointer;
		&:hover {
			opacity: 0.8;
		}
	}
	&__genre {
		position: absolute;
		bottom: 0;
		left: 0;
		background: #eccccc;
		color: #d62d30;
		width: 100%;
		text-align: center;
		font-weight: 600;
		font-family: 'Noto Sans JP', sans-serif;
		@include mq-sp {
			font-size: 0.9rem;
			height: 40px;
			line-height: 40px;
		}
		@include mq-pc {
			height: 50px;
			line-height: 50px;
		}
		span {
			@include mq-sp {
				font-size: 0.6rem;
			}
			@include mq-pc {
				font-size: 0.9rem;
			}
		}
		a {
			color: #d62d30;
			text-decoration: none;
		}
	}
}

.prod {
	@include mq-sp {
		margin: 30px 0;
	}
	@include mq-pc {
		margin:  60px 0;
	}
	&__content {
		@include mq-sp {
			margin: 0 15px;
		}
	}
	&__item {
		position: relative;
		z-index: 99;
		cursor: pointer;
		&:hover {
			opacity: 0.8;
		}
		img {
			width: 100%;
			height: auto;
		}
	}
	.slick-slide {
		@include mq-pc {
			margin: 0 8px !important;
		}
	}
}

.schedule {
	@include mq-sp {
		margin: 30px 0;
	}
	@include mq-pc {
		margin:  60px 0;
	}
	&__content {
		@include mq-sp {
			margin: 0 15px;
		}
		@include mq-pc {
			max-width: 1100px;
			width: calc(100% - 45px);
			margin: 0 auto;
		}
	}
	&__note {
		border: #ccc solid 4px;
		box-sizing: border-box;
		@include mq-sp {
			margin: 0 0 20px;
			padding: 20px 15px;
		}
		@include mq-pc {
			margin: 0 0 30px;
			padding: 25px 35px;
		}
		ul {
			margin: 15px 0 15px 20px;
			padding: 0;
			@include mq-sp {
				font-size: 0.95rem;
			}
			@include mq-pc {
				font-size: 1.0rem;
			}
			li {
				margin: 0 0 7px;
				text-align: left;
			}
		}
	}
	&__toujitsu {
		font-family: 'Noto Sans JP', sans-serif;
		&-ttl {
			background: #d62d30;
			color: #fff;
			text-align: center;
			font-weight: 600;
			@include mq-sp {
				margin: 0 0 15px;
				padding: 5px 0;
				font-size: 1.05rem;
			}
			@include mq-pc {
				margin: 0 0 15px;
				padding: 10px 0;
				font-size: 1.3rem;
			}
		}
		&-note {
			color: #dc143c;
			font-weight: 700;
			margin: 0 0 10px;
			padding: 0;
			text-align: left;
			@include mq-sp {
				font-size: 1.0rem;
			}
			@include mq-pc {
				font-size: 1.2rem;
			}
		}
		dl {
			margin: 0;
			padding: 0;
			font-weight: 700;
			border-bottom: #666 solid 1px;
			@include mq-sp {
				border-top: #666 solid 1px;
				border-right: #666 solid 1px;
				border-left: #666 solid 1px;
			}
			@include mq-pc {
				display: flex;
			}
			dt {
				margin: 0;
				font-weight: 700;
				box-sizing: border-box;
				text-align: left;
				@include mq-sp {
					width: 100%;
					padding: 7px 10px;
					font-size: 1.1rem;
				}
				@include mq-pc {
					border-right: #666 solid 1px;
					border-left: #666 solid 1px;
					padding: 20px 10px;
					width: 110px;
					font-size: 1.2rem;
					line-height: 1.5rem;
					height: 100px;
				}
				span {
					@include mq-sp {}
					@include mq-pc {
						font-size: 0.9rem;
					}
				}
			}
			dd {
				@include mq-sp {
					display: none !important;
				}
				@include mq-pc {
					border-right: #fff dotted 2px;
					margin: 0;
					width: 110px;
					box-sizing: border-box;
					text-align: left;
				}
				&:last-of-type {
					border-right: #666 solid 1px;
				}
				@include mq-sp {}
				@include mq-pc {
					height: 100px;
				}
			}
		}
		&-time_inner {
			@include mq-sp {
				display: none !important;
			}
			@include mq-pc {
				background: #f1f1f1;
			}
			dt {
				padding: 0 !important;
				border-top: #666 solid 1px;
				border-left: #666 solid 1px;
				height: 40px !important;
			}
			dd {
				padding: 0 5px !important;
				border-top: #666 solid 1px;
				border-right: #666 solid 1px !important;
				height: 40px !important;
				line-height: 40px;
				font-weight: 500 !important;
			}
		}
		.line_01,
		.line_02,
		.line_03,
		.line_04,
		.line_05,
		.line_06 {
			margin: 0;
			font-weight: 600;
			text-align: left;
			@include mq-sp {
				padding: 15px 10px;
				border-right: #666 solid 1px;
				border-left: #666 solid 1px;
				border-bottom: #fff dotted 2px;
				&:last-child {
					border-right: #666 solid 1px;
					border-left: #666 solid 1px;
					border-bottom: none;
				}
			}
			@include mq-pc {
				position: absolute;
				z-index: 99;
				font-size: 1.1rem;
				padding: 0;
			}
		}
		&-toy {
			position: relative;
			.line_01 {
				top: 20px;
				left: 111px;
			}
			.line_02 {
				bottom: 20px;
				left: 220px;
				color: #dc143c;
			}
			.line_01, .line_02 {
				@include mq-sp {
					background: #ccc;
				}
			}
		}
		&-vin {
			position: relative;
			.line_01 {
				top: 20px;
				left: 290px;
			}
			.line_02 {
				bottom: 20px;
				left: 400px;
			}
			.line_01, .line_02 {
				@include mq-sp {
					background: #cc9999;
				}
			}
 		}
		&-ufo {
			position: relative;
			.line_01 {
				top: 20px;
				left: 230px;
			}
			.line_02 {
				bottom: 20px;
				left: 440px;
			}
			.line_01, .line_02 {
				@include mq-sp {
					background: #66ffff;
				}
			}
		}
		&-boardgame {
			position: relative;
			.line_01 {
				top: 20px;
				left: 330px;
				@include mq-sp {
					background: #99ffcc;
				}
			}
		}
		&-kaiba {
			position: relative;
			.line_01 {
				top: 20px;
				left: 400px;
				@include mq-sp {
					background: #99ccff;
				}
			}
		}
		&-wink {
			position: relative;
			.line_01 {
				top: 20px;
				left: 550px;
				@include mq-sp {
					background: #ccffff;
				}
			}
		}
		&-infinity {
			position: relative;
			.line_01 {
				top: 20px;
				left: 440px;
				@include mq-sp {
					background: #ccff66;
				}
			}
		}
		&-card {
			position: relative;
			dt {
				@include mq-pc {
					height: 130px !important;
				}
			}
			dd {
				@include mq-pc {
					height: 130px !important;
				}
			}
			.line_01 {
				top: 20px;
				left: 350px;
			}
			.line_02 {
				bottom: 20px;
				left: 610px;
			}
			.line_01, .line_02 {
				@include mq-sp {
					background: #ffcc00;
				}
			}
		}
		&-deep {
			position: relative;
			dt {
				@include mq-pc {
					height: 335px !important;
				}
			}
			dd {
				@include mq-pc {
					height: 335px !important;
				}
			}
			.line_01 {
				top: 20px;
				left: 245px;
			}
			.line_02 {
				top: 60px;
				left: 385px;
			}
			.line_03 {
				top: 100px;
				left: 490px;
			}
			.line_04 {
				top: 140px;
				left: 570px;
			}
			.line_05 {
				top: 180px;
				left: 715px;
			}
			.line_06 {
				top: 240px;
				left: 815px;
				@include mq-sp {
					border-bottom: #666 solid 1px !important;
				}
			}
			.line_01, .line_02, .line_03, .line_04, .line_05, .line_06 {
				@include mq-sp {
					background: #ffff99;
				}
			}
		}
		&-toy_inner {
			background: #ccc;
			position: relative;
		}
		&-vin_inner {
			background: #cc9999;
		}
		&-ufo_inner {
			background: #66ffff;
		}
		&-boardgame_inner {
			background: #99ffcc;
		}
		&-kaiba_inner {
			background: #99ccff;
		}
		&-wink_inner {
			background: #ccffff;
		}
		&-infinity_inner {
			background: #ccff66;
		}
		&-card_inner {
			background: #ffcc00;
		}
		&-deep_inner{
			background: #ffff99;
		}
	}
}

*/
@media only screen and (max-width: 767px) {
  .floor-map {
    margin: 30px 0;
  }
}

@media only screen and (min-width: 768px) {
  .floor-map {
    margin: 60px 0;
  }
}

@media only screen and (max-width: 767px) {
  .floor-map__content {
    margin: 0 15px 0;
  }
}

@media only screen and (min-width: 768px) {
  .floor-map__content {
    max-width: 1100px;
    width: calc(100% - 45px);
    margin: 0 auto;
  }
}

.floor-map dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 0 5px;
  padding: 0;
}

.floor-map dl dt {
  font-weight: 600;
  width: 60px;
  padding: 25px 0;
  background: #d62d30;
  border-right: #fff solid 5px;
  margin: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (max-width: 767px) {
  .floor-map dl dt {
    font-size: 1.0rem;
  }
}

@media only screen and (min-width: 768px) {
  .floor-map dl dt {
    font-size: 1.4rem;
  }
}

.floor-map dl dd {
  margin: 0;
  padding: 25px 15px;
  background: #f3f3f3;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .floor-map dl dd {
    font-size: 0.95rem;
    line-height: 1.6rem;
  }
}

@media only screen and (min-width: 768px) {
  .floor-map dl dd {
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .sns {
    margin: 30px 0;
  }
}

@media only screen and (min-width: 768px) {
  .sns {
    margin: 60px 0;
  }
}

@media only screen and (max-width: 767px) {
  .sns__content {
    margin: 0 15px 0;
  }
}

@media only screen and (min-width: 768px) {
  .sns__content {
    max-width: 1100px;
    width: calc(100% - 45px);
    margin: 0 auto;
  }
}

.sns__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sns__container:before {
  content: "";
  display: block;
  height: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media only screen and (min-width: 768px) {
  .sns__container:before {
    width: 32%;
  }
}

.sns__ttl {
  border-bottom: #A3A3A3 dotted 1px;
  padding: 0 0 5px;
  text-align: left;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (max-width: 767px) {
  .sns__ttl {
    margin: 30px 0 20px;
  }
}

@media only screen and (min-width: 768px) {
  .sns__ttl {
    margin: 50px 0 0;
    font-size: 1.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .sns__ttl:first-child {
    margin: 0 0 20px;
  }
}

@media only screen and (min-width: 768px) {
  .sns__ttl:first-child {
    margin: 0;
  }
}

.sns__icon {
  position: relative;
  top: -5px;
}

.sns__icon img {
  width: auto;
  height: 20px;
  margin-right: 10px;
}

.sns__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: #A3A3A3 dotted 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .sns__item {
    width: 100%;
    padding: 15px 5px;
  }
  .sns__item:first-child {
    padding: 0 5px 15px;
  }
}

@media only screen and (min-width: 768px) {
  .sns__item {
    width: 32%;
    padding: 20px;
  }
}

.sns__img {
  margin-right: 30px;
  border-radius: 50%;
  overflow: hidden;
  width: 70px;
  height: 70px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.sns__detail {
  width: 66%;
  text-align: left;
}

.sns__detail p {
  margin: 0 0 5px;
  font-weight: 600;
  word-break: break-all;
  font-size: 0.9rem;
  line-height: 1.3rem;
  text-align: left;
}

.sns__detail a {
  color: #486B97;
  text-decoration: none;
  word-break: break-all;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .sns__detail a {
    font-size: 0.9rem;
  }
}

.sns__detail a:hover {
  text-decoration: underline;
}

.sns__twitter-btn {
  margin: 5px 0 0;
}

.sns__twitter-btn a {
  text-decoration: none;
  background: #1b95e0;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 6px;
}

.sns__twitter-btn a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.sns__twitter-btn a::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f099";
  color: #fff;
  margin-right: 5px;
}

.sns__twitter-btn a::before:hover {
  opacity: 0.7;
}

.sns__insta-btn {
  margin: 5px 0 0;
}

.sns__insta-btn a {
  text-decoration: none;
  background: -webkit-gradient(linear, left top, right bottom, from(#427eff), color-stop(70%, #f13f79)) no-repeat;
  background: linear-gradient(to bottom right, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 6px;
}

.sns__insta-btn a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.sns__insta-btn a::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f16d";
  color: #fff;
  margin-right: 5px;
}

.sns__insta-btn a::before:hover {
  opacity: 0.7;
}

.sns__weibo-btn {
  margin: 5px 0 0;
}

.sns__weibo-btn a {
  text-decoration: none;
  background: #DA232E;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 6px;
}

.sns__weibo-btn a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.sns__weibo-btn a::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  content: "\f18a";
  color: #fff;
  margin-right: 5px;
}

.sns__weibo-btn a::before:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 767px) {
  .corona {
    margin: 0 0 50px;
  }
}

@media only screen and (min-width: 768px) {
  .corona {
    margin: 60px 0 80px;
  }
}

@media only screen and (max-width: 767px) {
  .corona__content {
    margin: 0 15px 0;
  }
}

@media only screen and (min-width: 768px) {
  .corona__content {
    max-width: 1100px;
    width: calc(100% - 45px);
    margin: 0 auto;
  }
}

.corona__container {
  border: #000 solid 3px;
}

@media only screen and (max-width: 767px) {
  .corona__container {
    padding: 30px 15px;
  }
}

@media only screen and (min-width: 768px) {
  .corona__container {
    padding: 40px 45px;
  }
}

.corona__ttl {
  text-align: center;
  font-weight: 600;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (max-width: 767px) {
  .corona__ttl {
    font-size: 1.1rem;
    margin: 0 0 15px;
  }
}

@media only screen and (min-width: 768px) {
  .corona__ttl {
    font-size: 1.5rem;
    margin: 0 0 25px;
  }
}

.corona p {
  text-align: left;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .corona p {
    font-size: 0.95rem;
  }
}

@media only screen and (min-width: 768px) {
  .corona p {
    font-size: 1.0rem;
  }
}

.corona ul {
  margin: 15px 0 15px 20px;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .corona ul {
    font-size: 0.95rem;
  }
}

@media only screen and (min-width: 768px) {
  .corona ul {
    font-size: 1.0rem;
  }
}

.corona ul li {
  margin: 0 0 7px;
  text-align: left;
}

.youtube {
  position: relative;
  padding-bottom: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 768px) {
  .sponly {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .pconly {
    display: none;
  }
}

.global_head {
  margin: 0;
  padding: 0;
}