@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');

/* 全体・枠作り */

html,body {
	height:100%;
}

html {
	font-size:62.5%;
}

img { display:block; }


body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	text-align:center;
	min-height: 100vh;
	font-size: 1.0rem;
	background-color:#fff3f2;
}

.inv {opacity: 0; transition:0.7s; transform:translate(0,20px); }
.inv2 {opacity: 0; transition:0.7s; transform:translate(0,20px); }
.vie {opacity: 1.0; transform:translate(0);}

#PageWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
}

/*メインビジュアル*/

#Mainvisual {
	width:100%;
	background:url("../img/mv_bg.jpg") center center no-repeat;
	background-size:cover;
	position: relative;
}

h1, h2 {
	display: none;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.mv01 {
	background:url("../img/mv_mobile.png") center top no-repeat;
	width:100%;
	padding-top:150%;
	background-size: cover;
	position: relative;
	z-index:1;
}


/*コンテンツ*/


#Contents {
	padding:15% 0;
}

.comingsoon {
	background: url("../img/comingsoon.png") center top no-repeat;
	width:90%;
	padding-top:20.25%;
	background-size: contain;
	margin:0 auto 15%;
	text-indent: -9999px;
	overflow: hidden;
}

h3 {
	width:90%;
	padding-top:18.9%;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin:0 auto 72px;
}

#Head_about {background: url("../img/head_about.png") center top no-repeat;background-size: cover;}
#Head_info {background: url("../img/head_info.png") center top no-repeat;background-size: cover;}
#Head_drink {background: url("../img/head_drink.png") center top no-repeat;background-size: cover;}
#Head_food {background: url("../img/head_food.png") center top no-repeat;background-size: cover;}
#Head_novelty {background: url("../img/head_novelty.png") center top no-repeat;background-size: cover;}
#Head_amusement {background: url("../img/head_amusement.png") center top no-repeat;background-size: cover;}
#Head_goods {background: url("../img/head_goods.png") center top no-repeat;background-size: cover;}
#Head_campaign {background: url("../img/head_campaign.png") center top no-repeat;background-size: cover;}
#Head_sign {background: url("../img/head_sign.png") center top no-repeat;background-size: cover;}

.txtbx {
	width:94%;
	background-color:rgba(255,255,255,0.85);
	box-sizing: border-box;
	padding:5%;
	border-radius: 15px;
	margin:0 auto 48px;
}

.txtbx2 {
	width:100%;
	box-sizing: border-box;
	padding:5%;
	margin:0 auto 0;
}


h4 {
	background-color:#d9527f;
	color:#fff;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	font-size: 2.3rem;
	transform: rotate(0.03deg);
	box-sizing: border-box;
	padding:8px;
	border-radius: 10px;
	margin:0 auto 16px;
}

h4.normal_topics {width:600px;}

p.df {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 1.9rem;
	transform: rotate(0.03deg);
	line-height: 1.8;
	text-align:justify;
	color:#d9527f;
}

p.df strong {
	background-color:yellow;
}

p.df a {
	color:deepskyblue;
	text-decoration: none;
}

p.parag {
	margin-bottom:36px;
}

p.small {
	font-size:1.5rem!important;
}

/*アバウト*/

#About {
	width:100%;
	padding-bottom:100%;
	background:url("../img/about_mobile.jpg") center bottom no-repeat;
	background-size: contain;
}

.about_txt {
	width:94%;
	background-color:rgba(255,255,255,0.85);
	box-sizing: border-box;
	padding:5%;
	border-radius: 15px;
	margin:0 auto 48px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 1.7rem;
	transform: rotate(0.03deg);
	line-height: 2.2;
	text-align:justify;
	color:#d9527f;
}

.intro_wrap {
	width:94%;
	background-color:rgba(255,255,255,0.85);
	box-sizing: border-box;
	padding:5%;
	border-radius: 15px;
	margin:0 auto 48px;
	position: relative;
}

.icon_ak {
	width:250px;
	height:250px;
	border-radius: 50%;
	margin:0 auto 36px;
	background:url("../img/icon_ak.jpg") center top no-repeat;
	background-size: cover;
	overflow: hidden;
}

.icon_ak a {
	display: block;
	background-color:#fff;
	width:250px;
	height:250px;
	transition: all 0.3s;
	opacity: 0;
}

.icon_ak a:hover {
	opacity: 0.3;
}

.intro_right {
}

/*ドリンクメニュー*/

#Drink {
	background:url("../img/bg02.png") left top repeat;
	padding:80px 0;
}

.drink_wrap {
	width:94%;
	margin:0 auto;
	position: relative;
}

.drink_wrap ul {
	width:100%;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	gap:20px 0;
}

.drink_wrap ul li {
	width:100%;
	position: relative;
	display: block;
	border:3px solid #d9527f;
	border-radius: 10px;
	overflow: hidden;
}

.drink_wrap ul li span {
	display: block;
	width:100%;
	padding-top:134%;
}

li.drink01 span {background: url("../img/drink01.jpg") center top no-repeat; background-size: cover;}
li.drink02 span {background: url("../img/drink02.jpg") center top no-repeat; background-size: cover;}
li.drink03 span {background: url("../img/drink03.jpg") center top no-repeat; background-size: cover;}
li.drink04 span {background: url("../img/drink04.jpg") center top no-repeat; background-size: cover;}
li.drink05 span {background: url("../img/drink05.jpg") center top no-repeat; background-size: cover;}
li.drink06 span {background: url("../img/drink06.jpg") center top no-repeat; background-size: cover;}

/*フードメニュー*/

#Food {
	background:url("../img/bg03.png") left top repeat;
	padding:80px 0;
}

.food_wrap {
	width:94%;
	margin:0 auto;
	position: relative;
}

.food_wrap ul {
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	gap:20px 0;
}

.food_wrap ul li {
	width:100%;
	display: block;
	border:3px solid #d9527f;
	border-radius: 10px;
	overflow: hidden;
}

.food_wrap ul li span {
	display: block;
	width:100%;
	padding-top:153.4%;
}

li.food01 span {background: url("../img/food01.jpg") center top no-repeat; background-size: cover;}
li.food02 span {background: url("../img/food02.jpg") center top no-repeat; background-size: cover;}
li.food03 span {background: url("../img/food03.jpg") center top no-repeat; background-size: cover;}

/*ノベルティ*/

#Novelty {
	padding:80px 0;
}

.coaster_wrap {
	width:94%;
	position: relative;
	margin:0 auto 48px;
}

.coaster_wrap ul {
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	gap:20px 0;
}

.coaster_wrap ul li {
	width:48%;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	box-shadow:0 0 10px rgba(227,145,147,0.20);
}

.coaster_wrap ul li span {
	display: block;
	width:100%;
	padding-top:100%;
}

li.coaster01 span {background: url("../img/coaster01.jpg") center top no-repeat; background-size: cover;}
li.coaster02 span {background: url("../img/coaster02.jpg") center top no-repeat; background-size: cover;}
li.coaster03 span {background: url("../img/coaster03.jpg") center top no-repeat; background-size: cover;}
li.coaster04 span {background: url("../img/coaster04.jpg") center top no-repeat; background-size: cover;}
li.coaster05 span {background: url("../img/coaster05.jpg") center top no-repeat; background-size: cover;}
li.coaster06 span {background: url("../img/coaster06.jpg") center top no-repeat; background-size: cover;}

/*アミューズメント*/

#Amusement {
	background:url("../img/bg04.png") left top repeat;
	padding:80px 0;
}

/*グッズ*/

#Goods {
	background:url("../img/bg01.png") left top repeat;
	padding:10% 0;
}

.group_goods {
	width:94%;
	margin:0 auto 32px;
	background-color:rgba(255,255,255,0.85);
	border-radius: 15px;
	position: relative;
	box-sizing: border-box;
	padding:10px;
}

.canvas_group01 {
	width:100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin:0 auto 32px;
	box-sizing: border-box;
}

.canvas_group02 {
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:20px 0;
	margin:0 auto 32px;
	box-sizing: border-box;
}

.canvas_group03 {
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:20px 0;
	margin:0 auto 60px;
	box-sizing: border-box;
}

.canvas_box_l {
	width:100%;
	padding:15px;
	text-align: left;
	line-height: 1.8;
	position: relative;
	background-color:#FFF2F7;
	border-radius: 15px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 1.9rem;
	transform: rotate(0.03deg);
	color:#d9527f;
}

.canvas_box_m {
	width:48%;
	box-sizing: border-box;
	padding:15px;
	text-align: left;
	line-height: 1.8;
	position: relative;
	background-color:#FFF2F7;
	border-radius: 15px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 1.9rem;
	transform: rotate(0.03deg);
	color:#d9527f;
}

.canvas_box {
	width:48%;
	box-sizing: border-box;
	padding:15px;
	text-align: left;
	line-height: 1.8;
	position: relative;
	background-color:#FFF2F7;
	border-radius: 15px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size: 1.9rem;
	transform: rotate(0.03deg);
	color:#d9527f;
}

.canvas_thum {
	width:100%;
	margin-bottom:8px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	border-radius: 10px;
}

.canvas_thum:after {
	content: "";
	width:60px;
	height:60px;
	display: block;
	background:url("../img/canvas/zoom.png") center top no-repeat;
	background-size: cover;
	position: absolute;
	z-index:10;
	right:10px;
	bottom:10px;
	border-radius: 30px;
}

.canvas_thum a img {
	display: block;
	width:100%;
	transition: all 0.3s;
}

.canvas_thum a:hover img {
	opacity: 0.6;
}

.canvas_title {
	width:100%;
	margin-bottom:8px;
}

a.shoplink {
	width:100%;
	box-sizing: border-box;
	padding:4px 8px;
	text-align: center;
	display: block;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	font-size: 2rem;
	transform: rotate(0.03deg);
	background-color:#d9527f;
	color:#ffffff;
	transition: all 0.3s;
	border-radius: 10px;
	box-shadow:0 3px 0 #717171;
	text-decoration: none;
}

a:hover.shoplink {
	opacity: 0.6;
}

.canvas_date {
	width:90%;
	margin:0 auto;
}

.canvas_date dl {
	display: flex;
	justify-content: space-between;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 400;
	font-size:1.6rem;
	transform: rotate(0.03deg);
	margin-bottom:3px;
}

.canvas_date dl dt {
	width:30%;
	background-color:#d9527f;
	padding:8px;
	box-sizing: border-box;
	color:#fff;
}

.canvas_date dl dd {
	width:70%;
	background-color:#FFF2F7;
	padding:8px;
	box-sizing: border-box;
	color:#d9527f;
}

.goods_wrap {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:0 auto 48px;
	gap:20px;
}

.goods01 {
	background:url("../img/goods01.png") center top no-repeat;
	width:100%;
	padding-top:120%;
	background-size: cover;
}

.goods02 {
	background:url("../img/goods02.png") center top no-repeat;
	width:100%;
	padding-top:120%;
	background-size: cover;
}

/*キャンペーン*/

#Campaign {
	background:url("../img/bg05.png") left top repeat;
	padding:80px 0;
}



/*イベント情報*/

.info_wrap {
	width:90%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	color:#d9527f;
	transform: rotate(0.03deg);
	margin:0 auto 72px;
	position: relative;
}

.info_wrap a {
	color:#00a0e9;
	text-decoration: none;
}

.info_wrap a:hover {
	color:#00a0e9;
	text-decoration: underline;
}

.info_wrap dl {
	width:100%;
	border-bottom:1px solid #ffb3c5;
	font-size:1.8rem;
	line-height: 1.8;
}

.info_wrap dl dt {
	padding:2% 4%;
	text-align: left;
	background-color:#FDDFE6;
	box-sizing: border-box;
		
}

.info_wrap dl dd {
	padding:4%;
	text-align: left;
	box-sizing: border-box;
}

/*地図*/

.map {
	width:calc(100% - 100px);
	margin:0 auto 64px;
	position: relative;
}

iframe.map_pc {
	width:100%;
}

.attention {
	font-size: 1.6rem;
	line-height: 1.5;
	color:#585858;
	width:90%;
	margin:0 auto 10%;
	text-align: left;
}

/*フッター*/

footer {
	padding:10% 0;
	background-color:#cfb9bd;
}

.foot_logo {
	background:url("../img/foot_logo.png") left top no-repeat;
	width:60%;
	padding-top:44.46%;
	background-size: cover;
	margin:0 auto 24px;
}

.copyright {
	color:#fff;
	text-align: center;
	font-size: 1.6rem;
	margin:0 auto 36px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 700;
	transform: rotate(0.03deg);
}

.foot_link {
	width:80%;
	margin:0 auto;
	position: relative;
}

.foot_link a {
	display: block;
	background-color:#fff;
	width:100%;
	padding-top:33.3%;
	transition: all 0.3s;
	margin-bottom:5%;
}

.foot_link a:hover {
	opacity: 0.6;
}

.link_jam {
	background:url("../img/link_jam.png") left top no-repeat;
	background-size: cover;
}

.link_flagments {
	background:url("../img/link_flagments.png") left top no-repeat;
	background-size: cover;
}

.lum-lightbox-inner img.lum-img {
  max-width: 100%;
}

a.link_sign {
	background-color:#d9527f;
	color:#fff;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	transform: rotate(0.03deg);
	font-weight: 700;
	font-size: 2.3rem;
	display: block;
	text-decoration: none;
	width:100%;
	line-height: 50px;
	border-radius: 25px;
	margin:24px auto 0;
}

.gamemenu {
	background:url("../img/gamemenu.jpg") center top no-repeat;
	width:90%;
	padding-top:63.6%;
	background-size: cover;
	border-radius: 15px;
	overflow: hidden;
	margin:0 auto 36px;
}