@charset "utf-8";

/*=====pasar=====*/
body.fixed {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
}
.pasar .contents {
	background: #f6f6eb;
	padding: 1.5rem 0 6.5rem;
}
.pasar .ttl {
	font-size: 5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
}
.pasar .ttl span {
	font-size: 1.8rem;
	color: #64bf29;
}
.pasar .mv {
	margin: 3rem auto 0;
	max-width: 100rem;
}
.pasar .lead {
	margin-top: 2rem;
	font-weight: bold;
	line-height: 3.4rem;
	text-align: center;
}
.pasar .box {
	margin-top: 4.5rem;
	position: relative;
}
.pasar .box .pic {
	width: 56rem;
	margin-right: auto;
}
.pasar .box.reverse .pic {
	margin-right: 0;
	margin-left: auto;
}
.pasar .box .txtBox {
	width: 51rem;
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 2rem;
	right: 0;
}
.pasar .box.reverse .txtBox {
	left: 0;
}
.pasar .box .txtBox .fukidashi {
	width: 32rem;
	padding: 1.5rem;
	border-radius: 1rem;
	background: #fff;
	position: relative;
}
.pasar .box .txtBox .fukidashi::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2rem 3rem 0 0;
	border-color: #fff transparent transparent transparent;
	transform: rotate(-5deg);
	position: absolute;
	top: 4rem;
	right: -2.5rem;
}
.pasar .box.reverse .txtBox .fukidashi::after {
	border-width: 0 3rem 2rem 0;
	border-color: transparent #fff transparent transparent;
	transform: rotate(5deg);
	right: auto;
	left: -2.5rem;
}
.pasar .box .txtBox .fukidashi > p {
	font-size: 1.5rem;
	line-height: 3rem;
}
.pasar .box .txtBox .fukidashi > p.bold {
	font-weight: bold;
}
.pasar .box .txtBox .fukidashi > p span {
	font-weight: bold;
	background:linear-gradient(transparent 60%, #ffff00 60%);
}
@media (max-width: 767px) {
	.pasar .contents {
		padding: 3rem 0 7rem;
	}
	.pasar .ttl {
		font-size: 6rem;
		line-height: 1.2;
	}
	.pasar .ttl span {
		font-size: 2.8rem;
	}
	.pasar .mv {
		margin: 5rem auto 0;
		max-width: 100%;
	}
	.pasar .lead {
		margin-top: 4rem;
		font-size: 2.8rem;
		line-height: 4.8rem;
		text-align: left;
	}
	.pasar .box {
		margin-top: 6rem;
	}
	.pasar .box .pic {
		width: 61rem;
		margin-right: 0;
		margin-left: auto;
	}
	.pasar .box.reverse .pic {
		margin-left: 0;
		margin-right: auto;
	}
	.pasar .box .txtBox {
		margin-top: -4rem;
		width: 100%;
		position: static;
	}
	.pasar .box .txtBox .fukidashi {
		width: 45rem;
		padding: 3rem;
		border-radius: 1rem;
	}
	.pasar .box .txtBox .fukidashi::after {
		border-width: 3rem 4rem 0 0;
		transform: rotate(-2deg);
		top: 5.5rem;
		right: -3rem;
	}
	.pasar .box.reverse .txtBox .fukidashi::after {
		border-width: 0 4rem 3rem 0;
		transform: rotate(2deg);
		left: -3rem;
	}
	.pasar .box .txtBox .fukidashi > p {
		font-size: 2.6rem;
		line-height: 4.6rem;
	}
}
/*=====character=====*/
.pasar .character {
	padding: 4rem 0 5rem;
	background: #81be0a;
}
.pasar .character .characterTtl {
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.pasar .character .characterBox {
	margin-top: 3rem;
	display: flex;
	justify-content: space-between;
}
.pasar .character .characterBox .pic {
	width: 23.8rem;
}
.pasar .character .characterBox .txtBox {
	width: 72%;
}
.pasar .character .characterBox .txtBox .txt {
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 3rem;
	color: #fff;
}
@media (max-width: 767px) {
	.pasar .character {
		padding: 5.5rem 0 6rem;
	}
	.pasar .character .characterTtl {
		font-size: 4.2rem;
	}
	.pasar .character .characterBox {
		margin-top: 5rem;
		flex-direction: column-reverse;
		gap: 3.5rem 0;
	}
	.pasar .character .characterBox .pic {
		width: 32rem;
		margin: 0 auto;
	}
	.pasar .character .characterBox .txtBox {
		width: 100%;
	}
	.pasar .character .characterBox .txtBox .txt {
		margin-top: 3rem;
		font-size: 2.6rem;
		line-height: 4.6rem;
	}
}

/*=====shop=====*/
.pasar .shop {
	background: #f6f6eb;
	padding: 1.5rem 0 5.5rem;
}
.pasar .shop .shopList {
	margin-top: 3rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}
.pasar .shop .shopList li {
	width: 23.8%;
}
.pasar .btn {
	margin: 6rem auto 0;
	width: 42rem;
}
.pasar .btn a {
	display: block;
	background: #64bf29;
	border-radius: 1.2rem;
	padding: 1.5rem 5.5rem 1.5rem 1.5rem;
	font-size: 2.4rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	position: relative;
}
.pasar .btn a::after {
	content: "";
	width: 2.2rem;
	height: 2.2rem;
	background: url(/common/img/icn_link.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: calc(50% - 1.1rem);
	right: 3rem;
}
.pasar .topBtn {
	margin: 4rem auto 0;
	width: 35.6rem;
}
.pasar .topBtn a {
	display: block;
	border: 0.2rem solid #3cb034;
	border-radius: 1.2rem;
	padding: 1.5rem;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #3cb034;
}
@media (max-width: 767px) {
	.pasar .shop {
		padding: 2rem 0 5.5rem;
	}
	.pasar .shop .shopList {
		margin-top: 5rem;
		justify-content: space-between;
		gap: 2rem 0;
	}
	.pasar .shop .shopList li {
		width: 48.5%;
	}
	.pasar .btn {
		margin: 6rem auto 0;
		width: 56rem;
	}
	.pasar .btn a {
		border-radius: 1.8rem;
		padding: 2.5rem 8.5rem 2.5rem 2.5rem;
		font-size: 3.2rem;
	}
	.pasar .btn a::after {
		width: 3.1rem;
		height: 3rem;
		top: calc(50% - 1.5rem);
		right: 5rem;
	}
	.pasar .topBtn {
		margin: 4rem auto 0;
		width: 47rem;
	}
	.pasar .topBtn a {
		border: 0.4rem solid #3cb034;
		border-radius: 1.8rem;
		padding: 2rem;
		font-size: 3rem;
	}
}

/*=====modal=====*/
.pasar .modalBox {
	display: none;
	position: fixed;
	z-index: 10001;
	width: 90%;
	max-width: 160rem;
	background: #f6f6eb;
	padding: 11.5rem;
	font-feature-settings: "palt";
	-webkit-overflow-scrolling: touch;
	top: calc(50% - 40rem);
	overflow-y: auto;
}
.pasar .modalBox .modalInner {
	max-width: 100rem;
	margin: 0 auto;
	background: #fff;
	border-radius: 2rem;
	border: 0.3rem solid #64bf29;
	padding: 6rem 6rem 8rem;
	display: flex;
	justify-content: space-between;
}
.pasar .modalBox .txtBox {
	width: 44rem;
}
.pasar .modalBox .txtBox .logo {
	width: 35%;
	margin: 0 auto;
	min-height: 5rem;
	line-height: 3.5rem;
}
.pasar .modalBox#modal03 .txtBox .logo ,
.pasar .modalBox#modal04 .txtBox .logo ,
.pasar .modalBox#modal07 .txtBox .logo ,
.pasar .modalBox#modal17 .txtBox .logo ,
.pasar .modalBox#modal23 .txtBox .logo {
	width: 40%;
}
.pasar .modalBox#modal09 .txtBox .logo ,
.pasar .modalBox#modal12 .txtBox .logo ,
.pasar .modalBox#modal20 .txtBox .logo ,
.pasar .modalBox#modal22 .txtBox .logo {
	width: 30%;
}
.pasar .modalBox#modal11 .txtBox .logo ,
.pasar .modalBox#modal38 .txtBox .logo {
	width: 50%;
}
.pasar .modalBox#modal15 .txtBox .logo {
	width: 25%;
}
.pasar .modalBox .txtBox .shopName {
	margin-top: 3rem;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
}
.pasar .modalBox .txtBox .time , .pasar .modalBox .txtBox .tel{
	font-size: 1.5rem;
	line-height: 3rem;
}
.pasar .modalBox .txtBox .time {
	margin-top: 1rem;
}
.pasar .modalBox .txtBox .modalTxt {
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 3rem;
}
.pasar .modalBox .txtBox .modalTxt a {
	text-decoration: underline;
}
.pasar .modalBox .slider {
	width: 40rem;
}
.pasar .modalBox .modalClose {
	position: absolute;
	top: 4rem;
	right: 16rem;
	width: 7rem;
	height: 7rem;
	cursor: pointer;
}
.pasar .modalBox .modalClose::before, .pasar .modalBox .modalClose::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 0.3rem;
	transform: translate(-50%,-50%) rotate(45deg);
}
.pasar .modalBox .modalClose::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.pasar .modalBox .modalClose::before, .pasar .modalBox .modalClose::after {
	background: #64bf29;
}
.modalBg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
@media (max-width: 767px) {
	.pasar .modalBox {
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		padding: 13rem 4rem 7.5rem;
		overflow-y: auto;
		top: 0;
		left: 0;
	}
	.pasar .modalBox .modalInner {
		max-width: 100%;
		border-radius: 2rem;
		border: 0.3rem solid #64bf29;
		padding: 4rem 4rem 5rem;
		flex-direction: column-reverse;
		gap: 8rem 0;
	}
	.pasar .modalBox .txtBox {
		width: 100%;
	}
	.pasar .modalBox .txtBox .logo {
		width: 35%;
		margin: 0 auto;
		min-height: 8rem;
	}
	.pasar .modalBox .txtBox .shopName {
		margin-top: 5rem;
		font-size: 3rem;
	}
	.pasar .modalBox .txtBox .time , .pasar .modalBox .txtBox .tel{
		font-size: 2.6rem;
		line-height: 4.6rem;
	}
	.pasar .modalBox .txtBox .time {
		margin-top: 1rem;
	}
	.pasar .modalBox .txtBox .modalTxt {
		margin-top: 1rem;
		font-size: 2.6rem;
		line-height: 4.6rem;
	}
	.pasar .modalBox .slider {
		width: 100%;
	}
	.pasar .modalBox .modalClose {
		position: absolute;
		top: 5rem;
		right: 3rem;
		width: 7.6rem;
		height: 7.6rem;
		cursor: pointer;
	}
}
/*=====slick=====*/
.slideDots {
	margin: 1.5rem 0 0;
	padding: 0;
	text-align: center;
	position: relative;
	z-index: 900;
}
.slideDots li {
	display: inline-block;
	margin: 0 0.5rem;
	cursor: pointer;
}
.slideDots li {
	margin: 0 0.7rem;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: #cacaca;
}
.slideDots li.slick-active {
	background: #64bf29;
}
.slideDots li button {
	display: none;
}
button {
	background: none;
	border: none;
	outline: none;
	padding: 0;
}
@media (max-width: 768px) {
	.slideDots {
		margin: 2rem 0 0;
	}
	.slideDots li {
		margin: 0 1rem;
		width: 1.6rem;
		height: 1.6rem;
	}
}

/*=====hasuda=====*/
.pasar .character {
	margin: 5rem 0 10rem;
}
.pasar.hasuda .box .txtBox .charaPic {
	width: 14rem;
}
.pasar.hasuda .character .characterBox .pic {
	width: 43.8rem;
}
.pasar.hasuda .character .characterBox .txtBox {
	width: 51%;
}
.pasar.hasuda .character .characterBox .txtBox .txt > p + p {
	margin-top: 1rem;
}
.pasar.hasuda .character .characterBox .txtBox .name {
	font-size: 3.6rem;
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #fff;
}
/* .pasar.hasuda .box .txtBox .newCharacter .newTxt {
	margin-top: 0.3rem;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2rem;
	text-align: center;
	color: #fff;
	background: #64bf29;
	padding: 0.3rem;
	border-radius: 0.5rem;
} */
.pasar.hasuda .modalBox#modal03 .txtBox .logo ,
.pasar.hasuda .modalBox#modal04 .txtBox .logo ,
.pasar.hasuda .modalBox#modal07 .txtBox .logo ,
.pasar.hasuda .modalBox#modal17 .txtBox .logo ,
.pasar.hasuda .modalBox#modal20 .txtBox .logo ,
.pasar.hasuda .modalBox#modal23 .txtBox .logo {
	width: 40%;
}
.pasar.hasuda .modalBox#modal09 .txtBox .logo ,
.pasar.hasuda .modalBox#modal16 .txtBox .logo ,
.pasar.hasuda .modalBox#modal22 .txtBox .logo {
	width: 30%;
}
.pasar.hasuda .modalBox#modal11 .txtBox .logo {
	width: 50%;
}
.pasar.hasuda .modalBox#modal12 .txtBox .logo {
	width: 25%;
}
.pasar.hasuda .modalBox#modal15 .txtBox .logo {
	width: 20%;
}
@media (max-width: 768px) {
	.pasar.hasuda .box .txtBox .charaPic {
		width: 16rem;
	}
	/* .pasar.hasuda .box .txtBox .newCharacter .newTxt {
		margin-top: 1rem;
		font-size: 2rem;
		line-height: 2.8rem;
		padding: 1.5rem 0.5rem;
		border-radius: 1rem;
	} */
	.pasar.hasuda .character .characterBox .txtBox {
		width: 100%;
	}
	.pasar.hasuda .character .characterBox .txtBox .txt > p + p {
		margin-top: 2rem;
	}
	.pasar.hasuda .character .characterBox .txtBox .name {
		font-size: 5.4rem;
	}
	.pasar .character .characterBnr {
		margin: 3rem auto 0;
		max-width: 59rem;
	}
	.pasar.hasuda .character .characterBox .txtBox .name {
		font-size: 3.6rem;
	}
	.pasar.hasuda .character .characterBox .txtBox .name span {
		font-size: 5.4rem;
	}
}
/*=====hanyu=====*/
.pasar.hanyu .box .txtBox .charaPic {
	width: 16.5rem;
}
.pasar.hanyu .box .txtBox .charaPic02 {
	width: 17.5rem;
}
.pasar.hanyu .box .txtBox .charaPic03 {
	width: 16rem;
}
.pasar.hanyu .character .characterBox .txtBox .name {
	font-size: 2.6rem;
	font-weight: bold;
	color: #fff;
}	
.pasar.hanyu .character .characterBox .txtBox .name span {
	font-size: 1.6rem;
}
.pasar.hanyu .modalBox#modal26 .txtBox .logo ,
.pasar.hanyu .modalBox#modal32 .txtBox .logo {
	width: 45%;
}
.pasar.hanyu .modalBox#modal29 .txtBox .logo ,
.pasar.hanyu .modalBox#modal30 .txtBox .logo ,
.pasar.hanyu .modalBox#modal37 .txtBox .logo {
	width: 40%;
}
.pasar.hanyu .modalBox#modal28 .txtBox .logo ,
.pasar.hanyu .modalBox#modal33 .txtBox .logo {
	width: 30%;
}
@media (max-width: 768px) {
	.pasar.hanyu .box .txtBox .charaPic {
		width: 19.5rem;
	}
	.pasar.hanyu .box .txtBox .charaPic02 {
		width: 19.8rem;
	}
	.pasar.hanyu .box .txtBox .charaPic03 {
		width: 17.4rem;
	}
	.pasar.hanyu .character .characterBox .txtBox .name {
		font-size: 4.2rem;
	}	
	.pasar.hanyu .character .characterBox .txtBox .name span {
		font-size: 2.1rem;
	}
}
/*=====makuhari-up=====*/
.pasar.makuhari .box .txtBox .charaPic {
	width: 14rem;
}
.pasar.makuhari .box .txtBox .charaPic02 {
	width: 14.1rem;
}
.pasar.makuhari .box .txtBox .charaPic03 {
	width: 14rem;
}
.pasar.makuhari .character .characterBox .txtBox .name {
	width: 24.4rem;
}
.pasar.makuhari .modalBox#modal63 .txtBox .logo {
	width: 30%;
}
.pasar.makuhari .modalBox#modal67 .txtBox .logo {
	width: 20%;
}
.pasar.makuhari .modalBox#modal69 .txtBox .logo {
	width: 40%;
}
@media (max-width: 768px) {
	.pasar.makuhari .box .txtBox .charaPic {
		width: 16.4rem;
	}
	.pasar.makuhari .box .txtBox .charaPic02 {
		width: 16.2rem;
	}
	.pasar.makuhari .box .txtBox .charaPic03 {
		width: 16.2rem;
	}
	.pasar.makuhari .character .characterBox .txtBox .name {
		width: 36.6rem;
	}
}
/*=====makuhari-down=====*/
.pasar.makuhari .modalBox#modal74 .txtBox .logo ,
.pasar.makuhari .modalBox#modal78 .txtBox .logo ,
.pasar.makuhari .modalBox#modal85 .txtBox .logo {
	width: 25%;
}
.pasar.makuhari .modalBox#modal76 .txtBox .logo {
	width: 40%;
}
.pasar.makuhari .modalBox#modal84 .txtBox .logo {
	width: 30%;
}
/*=====miyoshi=====*/
.pasar.miyoshi .box.mgt {
	margin-top: 11.5rem;
}
.pasar.miyoshi .box .txtBox .charaPic {
	width: 13.2rem;
}
.pasar.miyoshi .box .txtBox .charaPic02 {
	width: 12.2rem;
}
.pasar.miyoshi .box .txtBox .charaPic03 {
	width: 10.1rem;
}
.pasar.miyoshi .character .characterBox .txtBox .name {
	font-size: 3.6rem;
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #fff;
}
.pasar.miyoshi .character .characterBox .txtBox .name span {
	font-size: 2.4rem;
}
.pasar.miyoshi .modalBox#modal47 .txtBox .logo {
	width: 30%;
}
.pasar.miyoshi .modalBox#modal55 .txtBox .logo ,
.pasar.miyoshi .modalBox#modal61 .txtBox .logo {
	width: 40%;
}
.pasar.miyoshi .modalBox#modal57 .txtBox .logo {
	width: 20%;
}
.pasar.miyoshi .modalBox#modal58 .txtBox .logo {
	width: 25%;
}
@media (max-width: 768px) {
	.pasar.miyoshi .box.mgt {
		margin-top: 6rem;
	}
	.pasar.miyoshi .box .txtBox .charaPic {
		width: 14.6rem;
	}
	.pasar.miyoshi .box .txtBox .charaPic02 {
		width: 13.4rem;
	}
	.pasar.miyoshi .box .txtBox .charaPic03 {
		width: 11.7rem;
	}
	.pasar.miyoshi .character .characterBox .txtBox .name {
		font-size: 5.4rem;
	}
	.pasar.miyoshi .character .characterBox .txtBox .name span {
		font-size: 3.6rem;
	}
}
/*=====moriya=====*/
.pasar.moriya .box .txtBox .charaPic {
	width: 11.4rem;
	margin-left: 1.5rem;
}
.pasar.moriya .box .txtBox .charaPic02 {
	width: 12rem;
	margin-right: 1.5rem;
}
.pasar.moriya .character .characterBox .txtBox .name {
	width: 9.5rem;
}
.pasar.moriya .modalBox#modal89 .txtBox .logo ,
.pasar.moriya .modalBox#modal90 .txtBox .logo ,
.pasar.moriya .modalBox#modal110 .txtBox .logo ,
.pasar.moriya .modalBox#modal115 .txtBox .logo {
	width: 40%;
}
.pasar.moriya .modalBox#modal97 .txtBox .logo ,
.pasar.moriya .modalBox#modal105 .txtBox .logo ,
.pasar.moriya .modalBox#modal120 .txtBox .logo ,
.pasar.moriya .modalBox#modal124 .txtBox .logo {
	width: 30%;
}
.pasar.moriya .modalBox#modal104 .txtBox .logo ,
.pasar.moriya .modalBox#modal122 .txtBox .logo ,
.pasar.moriya .modalBox#modal123 .txtBox .logo {
	width: 25%;
}
.pasar.moriya .modalBox#modal113 .txtBox .logo {
	width: 10%;
}
@media (max-width: 768px) {
	.pasar.moriya .box .txtBox .charaPic {
		width: 12.8rem;
		margin-left: 2rem;
	}
	.pasar.moriya .box .txtBox .charaPic02 {
		width: 13rem;
	}
	.pasar.moriya .character .characterBox .txtBox .name {
		width: 17.3rem;
	}
}