@charset "utf-8";
#kv {
	height: 768px;
	padding: 0;
	overflow: hidden;
	background: #ffffff;
}

#kv-slider a {
	width: 100%;
	height: 100%;
	display: block;
}

#kv-slider a .kv-inner {
	width: 100%;
	height: 100%;
	position: relative;
}

.kv-inner > img {
	width: 100%;
	min-height: 768px;
	object-fit: cover;
}

.kv-inner .logo {
	max-width: 1336px;
	width: 100%;
	height: auto;
	position: absolute;
}

.kv01 .logo {
	text-align: center;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}

.kv02 .logo {
	text-align: center;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}

.kv03 .logo {
	text-align: center;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}

.kv04 .logo {
	text-align: center;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
}

@media screen and (min-width: 1337px) {
.kv01 .logo,
.kv02 .logo,
.kv03 .logo,
.kv04 .logo {
	top: 0;
}

}

.kv-inner .logo img {
	max-width: 100%;
	min-height: auto;
	width: auto;
	height: auto;
	display: inline-block;
}

.slick-dots {
	bottom: 100px;
}

.slick-dots li button:before {
	opacity: .25;
	color: #ffffff;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #ffffff;
}

#banner {
	margin: 0;
	padding: 30px 0;
	text-align: center;
}

#about {
	border-top: solid 1px #f25c81;
	border-bottom: solid 1px #f25c81;
	background: url(../images/BG_about.jpg) no-repeat;
	background-size: cover;
}

#sns {
}

#sns .yt-wrap {
	width: 64%;
}

#sns .tw {
	width: 34%;
}

#talk {
	padding: 0 0 50px;
	background: url(../images/BG_collabo.jpg) no-repeat;
	background-size: cover;
}

#talk .box_red {
	max-width: 1000px;
	margin: 0 auto 1rem;
	padding: 0.5rem;
	color: #d03742;
	border: solid 2px #d03742;
	background: #ffffff;
}

#talk h3.eventcheck {
	max-width: 1000px;
	margin: 0 auto 2em;
	padding: 0.6rem 0.25em;
	font-size: 1rem;
	text-align: center;
	color: #ffffff;
	letter-spacing: -0.03rem;
	font-weight: 700;
	background: #f25c81;
	border-radius: 10rem;
	position: relative;
	cursor: pointer;
}

#talk h3.eventcheck:after {
	width: 22px;
	height: 15px;
	margin: auto;
	content: '';
	background: url(../images/common/button_notes.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2%;
	transition: transform .3s;
}

#talk h3.eventcheck.active:after {
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

#talk .event_content {
	margin: 0 auto 4rem 0;
	display: none;
}

#talk .event_content > .close {
	padding: 0.25rem 0.5rem;
	font-size: 0.8rem;
	color: #ffffff;
	background: #f25c81;
	border-radius: 2rem;
	display: inline-block;
	cursor: pointer;
}

#talk .bdr-btm {
	margin-bottom: 2rem !important;
}

#talk dl > dd > div {
	max-width: 180px;
}

#talk dl > dd > div:not(:last-child) {
	margin: 0 1rem 0 0;
}

#talk dl > dd > div:only-of-type p:last-child,
#talk dl > dd > div p {
	margin: 0;
	font-weight: 400;
}

#talk dl > dd > div p:last-child {
	margin: 0 0 1rem 0;
	text-align: center;
	font-weight: 300;
}

#talk .btn.map {
	height: 1.25rem;
	margin: 0 0 0 1rem;
	padding: 0 1.25rem;
	line-height: 1.25rem;
	display: inline-block;
}

#talk .goods {
	margin: 0;
}

#talk .goods a {
	text-decoration: underline;
}

#talk .goods img {
	max-width: 100%;
}

#talk .goods > div {
	margin: 0 0.5rem 1.45rem 0;
}

#talk .goods > div:nth-child(3) {
	margin: 0 0 1.45rem 0;
}

#talk .goods div > h4 {
	margin: 1rem 0 0.45rem 0;
	font-size: 0.8rem;
	line-height: 0.9rem;
}

#talk .goods div > p {
	text-align: center;
}

.application {
	text-align: center;
}

.application a {
	display: inline-block;
	background: url("../images/button_talk_over.png") no-repeat;
	background-size: 100%;
}

.application a img {
	width: 100%;
}

.application a:hover img {
	visibility: hidden;
}

#collabo {
	padding: 0 0 50px;
	background: url(../images/BG_exhibit.jpg) no-repeat;
	background-size: cover;
}

#collabo .lead p {
	margin: 0 1.25rem 0 0;
}

#collabo .event-info {
	margin: 0 0 1.45rem 0;
}

#collabo .event-info > dt {
	width: 9%;
	font-size: 0.9rem;
	text-align: right;
}

#collabo .event-info > dd {
	width: 88%;
}

#collabo .event-info > dt:not(:last-of-type),
#collabo .event-info > dd:not(:last-of-type) {
	margin: 0;
}

#stamp {
	padding: 0 0 50px;
	background: url(../images/BG_about.jpg) no-repeat;
	background-size: cover;
}

#stamp .lead p {
	margin: 0 1.25rem 0 0;
}

#stamp .event-info,
#stamp .present > .event-info {
	margin: 0;
}

#stamp .event-info > dt {
	width: 6%;
	font-size: 0.9rem;
}

#stamp .event-info > dd {
	width: 93%;
}

#stamp .event-info > dt:not(:last-of-type),
#stamp .event-info > dd:not(:last-of-type) {
	margin: 0;
}

#stamp .present > .event-info > dt {
	width: 18%;
	text-align: right;
}

#stamp .present > .event-info > dd {
	width: 80%;
}

#stamp .items div > h4 {
	min-height: 57px;
	margin: 0 0 1rem 0;
	font-size: 0.8rem;
	line-height: 0.9rem;
}

#stamp .items div > p {
	min-height: 60px;
	margin: 0 0 1rem 0;
	text-align: center;
}

#stamp .sns {
	margin: 0 0 1.45rem 0;
	font-size: 0.8rem;
	line-height: 0.9rem;
}

#stamp h3#shoplist {
	cursor: pointer;
}

#stamp h3#shoplist:after {
	width: 22px;
	height: 15px;
	margin: auto;
	content: '';
	background: url(../images/common/button_notes.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2%;
	transition: transform .3s;
}

#stamp h3#shoplist.active:after {
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

#stamp .shoplist {
	margin: 0 0 1.45rem 0;
	font-size: 0.6rem;
	line-height: 0.8rem;
	display: none;
}

#stamp .shoplist .note-s {
	font-size: 0.3rem;
	line-height: 0;
}

#stamp .shoplist table {
	margin: 0 0 1.45rem 0;
	border-collapse: collapse;
	border: solid 1px #f25c81;
}

#stamp .shoplist table th {
	width: 41px;
	color: #ffffff;
	background: #f25c81;
	border-bottom: solid 1px #ffffff;
}

#stamp .shoplist table tr:last-child th {
	border-bottom: none;
}

#stamp .shoplist table td {
	padding: 0.5rem;
	border: solid 1px #f25c81;
}

#stamp .shoplist table td:nth-child(2) {
	width: 110px;
}

#stamp .shoplist table td:nth-child(3) {
	width: 270px;
	text-align: justify;
}

#stamp .shoplist table td:nth-child(4) {
	width: 110px;
}

#stamp .shoplist table td:last-child {
	width: 385px;
	text-align: justify;
}

#stamp .gmap {
	height: 0;
	margin: 0;
	padding-bottom: 51.1%;
	overflow: hidden;
	position: relative;
	border-top: solid 1px #f25c81;
}

#stamp .gmap iframe {
	width: 100%;
	height: 100%;
	margin: -46px 0 0;
	position: absolute;
	left: 0;
	top: 0;
	border-left: solid 1px #f25c81;
	border-right: solid 1px #f25c81;
	border-bottom: solid 1px #f25c81;
}

#stamp .goods {
	margin: 0;
}

#stamp .goods a {
	text-decoration: underline;
}

#stamp .goods div > h4 {
	min-height: 38px;
	margin: 1rem 0 0.45rem 0;
	font-size: 0.8rem;
	line-height: 0.9rem;
}

#stamp .goods div > p {
	text-align: center;
}

#introduction {
}

#introduction p > img {
	max-width: 100%;
}

#introduction .border-w dl {
	margin: 0 auto;
}

#introduction .border-w dl > dt,
#introduction .border-w dl > dd {
	width: 40%;
	text-align: left;
	font-weight: 300;
}

#cocoichi {
}

#cocoichi .lead p {
	margin: 0 1.25rem 1.45rem 0;
}

#cocoichi .lead p > span > a {
	margin: 0.45rem 0 0 0;
	padding: 0.25rem 0;
	color: #ffffff;
	font-weight: 500;
	text-align: center;
	background: #f25c81;
	display: block;
	position: relative;
}

#cocoichi .lead p > span > a:after {
	width: 22px;
	height: 15px;
	margin: auto;
	content: '';
	background: url(../images/common/button_notes.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2%;
	transform: rotateZ(-90deg);
}

#cocoichi .lead img {
	max-width: 100%;
}

#cocoichi .event-info {
	margin: 0;
}

#cocoichi .event-info > dt {
	width: 12%;
	font-size: 0.9rem;
	text-align: right;
}

#cocoichi .event-info > dd {
	width: 85%;
}

#cocoichi .event-info > dt:not(:last-of-type),
#cocoichi .event-info > dd:not(:last-of-type) {
	margin: 0;
}

#cocoichi .goods {
	margin: 0;
}

#cocoichi .goods > div {
	margin: 0 0.5rem 1.36rem 0;
}

#cocoichi .goods > div:last-child {
	margin: 0 0.5rem 1.36rem 0;
}

#cocoichi .goods div > h4 {
	margin: 0;
	font-size: 0.8rem;
	line-height: 0.9rem;
}


@media screen and (max-width: 767px) {
	#kv {
		margin: 0 0 90px 0;
		height: 375px;
	}
	
	.kv-inner > img {
		min-height: 375px;
	}
	
	.kv-inner .logo {
		max-width: none;
		width: 135%;
	}
	
	.kv01 .logo {
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
	}
	
	.kv02 .logo {
		top: 8%;
		left: 43%;
		transform: translate(-50%,0);
	}
	
	.kv03 .logo {
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
	}
	
	.kv04 .logo {
		bottom: 5%;
		left: 50%;
		transform: translate(-50%,0);
	}
	
	.slick-dots {
		bottom: 20px;
	}
	
	#banner {
		margin: 0;
		padding: 30px 0;
		text-align: center;
	}
	
	#about {
		border-top: solid 1px #f25c81;
		border-bottom: solid 1px #f25c81;
		background: url(../images/BG_about.jpg) no-repeat;
		background-size: cover;
	}
	
	#sns .yt-wrap {
		width: 100%;
		margin: 0 0 1rem 0;
	}
	
	#sns .tw {
		width: 100%;
		height: 360px;
	}
	
	#talk {
		padding: 0 0 1rem;
		background: url(../images/BG_collabo.jpg) no-repeat;
		background-size: cover;
	}
	
	#talk .box_red {
		margin: 0 1rem 1rem;
		padding: 0.5rem 0.25rem;
		letter-spacing: -0.025rem;
	}
	
	#talk h3.eventcheck {
		margin: 0 1rem 2em;
		padding: 0.6rem 0.25em;
	}
	
	#talk h3.eventcheck:after {
		width: 17px;
		height: 12px;
		right: 4%;
	}
	
	#talk dl > dd > div {
		max-width: none;
		width: 100%;
		text-align: center;
	}
	
	#talk dl > dd > div:not(:last-child) {
		margin: 0 1rem 0 0;
	}
	
	#talk dl > dd > div p {
		margin: 0;
		text-align: center;
		font-weight: 400;
	}
	
	#talk dl > dd > div p:last-child {
		margin: 0 0 1rem 0;
		text-align: center;
		font-weight: 300;
	}
	
	#talk .goods {
		margin: 0 0 1rem 0;
	}
	
	#talk .goods > div {
		width: 100%;
	}
	#talk .goods > div {
		margin: 0 0 1.45rem 0;
	}
	
	#talk .goods > div:nth-child(3) {
		margin: 0 0 1.45rem 0;
	}
	
	#talk .goods div > h4 {
		margin: 0.45rem 0 0.45rem 0;
	}
	
	.application a {
		display: inline-block;
		background: url("../images/sp/button_talk_over.png") no-repeat;
		background-size: 100%;
	}
	
	.application a img {
		width: 100%;
	}
	
	.application a:hover img {
		visibility: hidden;
	}
	
	#collabo {
		padding: 0 0 1rem;
		background: url(../images/BG_exhibit.jpg) no-repeat;
		background-size: cover;
	}
	
	#collabo img {
		max-width: 100%;
	}
	
	#collabo h2 img {
		margin: -1rem 0 0 0;
	}
	
	#collabo .lead p {
	margin: 0 0 1.45rem 0;
}
	
	#collabo .event-info {
		margin: 0 0 1.45rem 0;
	}
	
	#collabo .event-info > dt {
		width: 100%;
		text-align: left;
	}
	
	#collabo .event-info > dd {
		width: 100%;
	}
	
	#collabo .event-info > dd:not(:last-of-type) {
		margin: 0 0 1.45rem 0;
	}
	
	#collabo .event-info > dt:not(:last-of-type) {
		margin: 0;
	}
	
	#collabo .flex-sbc img:not(:last-of-type) {
		margin: 0 0 1.45rem 0;
	}
	
	#stamp {
		padding: 0 0 1rem;
		background: url(../images/BG_about.jpg) no-repeat;
		background-size: cover;
	}
	
	#stamp .lead p {
		margin: 0 0 1.45rem 0;
	}
	
	#stamp .event-info > dt {
		width: 100%;
	}
	
	#stamp .event-info > dd {
		width: 100%;
	}
	
	#stamp .event-info > dd:not(:last-of-type) {
		margin: 0 0 1.45rem 0;
	}
	
	#stamp .event-info > dt:not(:last-of-type) {
		margin: 0;
	}
	
	#stamp .present > .event-info > dt {
		width: 100%;
		text-align: left;
	}
	
	#stamp .present > .event-info > dd {
		width: 100%;
	}
	
	#stamp .items > div {
		margin: 0 0 1.45rem 0;
	}
	
	#stamp .items div > h4 {
		min-height: auto;
		margin: 0 0 0.45rem 0;
	}
	
	#stamp .items div > p {
		min-height: auto;
	}
	
	#stamp h3#shoplist:after {
		width: 17px;
		height: 12px;
		right: 4%;
	}
	
	#stamp .shoplist {
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	#stamp .shoplist .note-s {
		font-size: 0.6rem;
		line-height: 0.8rem;
	}
	
	#stamp .shoplist table {
		width: 750px;
	}
	
	#stamp .gmap {
		height: 70vh;
	}
	
	#stamp .goods > div {
		margin: 0 0 1.45rem 0;
	}
	
	#stamp .goods div > h4 {
		min-height: auto;
		margin: 1rem 0 0.45rem 0;
		font-size: 0.8rem;
		line-height: 0.9rem;
	}
	
	#introduction h2 {
		margin: 0 1rem;
	}
	
	#introduction h2 img {
		margin: -1.5rem 0 0 0;
	}
	
	#introduction .border-w dl > dt,
	#introduction .border-w dl > dd {
		width: 100%;
		text-align: center;
	}
	#introduction .border-w dl > dd:not(:last-child) {
		margin: 0 0 1rem 0;
	}
	
	#cocoichi {
	}
	
	#cocoichi .lead p {
		margin: 0 0 1.45rem 0;
	}
	
	#cocoichi .lead p > span > a:after {
		width: 15px;
		height: 10px;
	}
	
	#cocoichi .event-info > dt {
		width: 100%;
		text-align: left;
	}
	
	#cocoichi .event-info > dd {
		width: 100%;
	}
	
	#cocoichi .event-info > dd:not(:last-of-type) {
		margin: 0 0 1.45rem 0;
	}
	
	#cocoichi .goods {
		margin: 0;
	}
	
	#cocoichi .goods.flex-c {
		margin: 0 0 1rem 0;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: start;
		align-items: start;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	#cocoichi .goods > div {
		margin: 0 0 1.36rem 0;
	}
	
	#cocoichi .goods > div:last-child {
		margin: 0 0 1.36rem 0;
	}
	
	#cocoichi .goods:last-of-type > div:last-child {
		margin: 0;
	}
	
	#cocoichi .goods div > h4 {
		margin: 0;
		font-size: 0.8rem;
		line-height: 0.9rem;
	}
}