/* style for pc */
/**==================================================*/
/** ページ共通 */
/**==================================================*/
body#pagetop {
	width:100%;
	height: 100%;
	background: #000000;
}
/**==================================================*/
/** common */
/**==================================================*/
div.page_top_button {
    position: fixed;
    bottom: 50px;
    right: 20px;
	z-index: 10000;
}
/**==================================================*/
div.header_wrap {
	background-color: #fff;
	margin-top: 50px;
}

div.header img.open_icon {
	display: block;
	margin: 0 auto;
	width: 370px;
}

div.header {
	/* background: url(../images/main_bg.png) no-repeat; */
	/* background-size: 95%; */
	position: relative;
	background-size: cover;
	background-position: center 0;
	height: 550px;
	width: 100%;
	border-top: 2px solid #ED86B3;
}

div.header video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

@media screen and (max-width:1300px) {
	div.header {
		background-position: center 150px;
	}	
}

div.header_inner {
	width: 90%;
	margin: 0 auto;
}

div.header_inner h1 {
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
	z-index: 3;
	display: block;
	height: 300px;
	width: 100%;
	max-width:700px;
	/* background: url(../images/logo_201907.png) no-repeat; */
	background: url(../images/logo_202106.png) no-repeat;
	background-position: center 50px;
	margin: 0 auto;
	background-size: 612px;
	text-indent: -9999px;
}

/**==================================================*/


/**==================================================*/
/** sp slide button */
/**==================================================*/
div.sp_button {
	display: none;
}
/**==================================================*/


/**==================================================*/
/* menu */
/**==================================================*/
div.menu_wrapper {
	width: 100%;
	margin: 0 auto;
}

div.menu_wrapper h2 {
	background: url(../images/menu_title.png) no-repeat;
	background-color: #ffffff;
	background-size: 214px;
	background-position: center center;
	min-height: 125px;
	text-indent: -9999px;
}

div.menu_inner {
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
}

div.menu_inner p.menu_comment {
	margin: 0;
	padding: 30px 0 0 0;
	color: #ffffff;
	text-align: center;
	text-decoration: underline;
}
/**==================================================*/


/**==================================================*/
/* monster menu */
/**==================================================*/
div.menu_wrapper h3.monster {
	background:url(../images/monstersmoothie_title.png) no-repeat;
	background-color: #ED1651;
	min-height: 170px;
	background-size: 420px;
	background-position: center center;
	text-indent: -9999px;
	margin: 75px 0 0 0;
}

div.menu_inner h4.monster_comment {
	background: url(../images/monster_smoothie_sub_title.png) no-repeat;
	background-size: 538px;
	text-indent: -9999px;
	background-position: center center;
}

div.monster_menu {
	margin: 50px 0 0 0;
/*	width: 25%;*/
	width: 30%;
	float: left;
}

div.monster_menu p.monster_menu_img {
/*	width: 90%;*/
	width: 70%;
	text-align: center;
	margin: 0 auto;
}

div.monster_menu p.monster_menu_img img {
	width: 100%;
}

div.monster_menu p.monster_menu_desc {
	width: 90%;
	color: #ffffff;
	text-align: center;
	line-height: 26px;
	padding: 10px 0 0 0;
}
/**==================================================*/


/**==================================================*/
/* dessert menu */
/**==================================================*/
div.menu_wrapper h3.dessert {
	background:url(../images/tea_title.png) no-repeat;
	background-color: #F4811F;
	min-height: 170px;
	background-size: 400px;
	background-position: center center;
	text-indent: -9999px;
	margin: 75px 0 0 0;
}

div.menu_inner h4.dessert_comment {
	background: url(../images/dessert_smoothie_sub_title.png) no-repeat;
	background-size: 338px;
	text-indent: -9999px;
	background-position: center center;
}

div.dessert_menu {
	margin: 50px 0 0 0;
	width: 30%;
	float: left;
}

div.dessert_menu p.dessert_menu_img {
	width: 70%;
	text-align: center;
	margin: 0 auto;
}

div.dessert_menu p.dessert_menu_img img {
	width: 100%;
}

div.dessert_menu p.dessert_menu_desc {
	width: 90%;
	color: #ffffff;
	text-align: center;
	line-height: 26px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
/**==================================================*/


/**==================================================*/
/* tapioca menu */
/**==================================================*/

/*-----------------------
furuity 2020年3月追加
------------------------*/

div.menu_wrapper h3.fruity {
	background:url(../images/frutietapi_title.png) no-repeat;
	background-color: #8fc31f;
	min-height: 170px;
	background-size: 400px;
	background-position: center center;
	text-indent: -9999px;
}

/*-----------------------
icecream 2022年7月追加
------------------------*/

div.menu_wrapper h3.fair_squash {
	background:url("../images/squash_title.png") no-repeat;
	background-color: #8acbec;
	min-height: 170px;
	background-size: 400px;
	background-position: center center;
	text-indent: -9999px;
}

div.menu_wrapper div.menu_squash {
	background-color: #8acbec;
	width: 100%;
	padding-top: 0px;
}

.squash_bg{
	background-color: #8acbec;
}

div.menu_wrapper h3.icecream {
	background:url("../images/icecream_parfait_title.png") no-repeat;
	background-color: #dfb087;
	min-height: 170px;
	background-size: 400px;
	background-position: center center;
	text-indent: -9999px;
}

/*-----------------------
icecream 2022年12月追加
------------------------*/

div.menu_wrapper h3.milktea_donut {
	background:url("../images/milktea_donut_title.png") no-repeat;
	background-color: #fad3be;
	min-height: 170px;
	background-size: 400px;
	background-position: center center;
	text-indent: -9999px;
}

div.menu_wrapper div.menu_milktea_donut {
	background-color: #fad3be;
	width: 100%;
	padding-top: 0px;
}

/*-----------------------
furuityここまで
------------------------*/

div.menu_wrapper h3.tapioca {
	background:url(../images/smoothie.png) no-repeat;
	background-color: #804409;
	min-height: 170px;
	background-size: 550px;
	background-position: center center;
	text-indent: -9999px;
	margin-top: 50px;/*202003追記*/
}

div.menu_tapioca, div.menu_monster, div.menu_dessert {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

div.tapioca_menu {
	margin: 50px 0 0 0;
	width: 30%;
	/*float: left;*/
}

div.tapioca_menu p.tapioca_menu_img {
	width: 70%;
	text-align: center;
	margin: 0 auto;
}

div.tapioca_menu p.tapioca_menu_img img {
	width: 100%;
}

div.tapioca_menu p.tapioca_menu_desc {
	width: 90%;
	color: #ffffff;
	text-align: center;
	line-height: 26px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}

div.tapioca_menu p.tapioca_menu_desc span {
	font-size: 20px;
	font-weight: bold;
}
/**==================================================*/


/**==================================================*/
/* healthy menu */
/**==================================================*/
div.menu_wrapper h3.healthy {
	background:url(../images/healthy_smoothie_title.png) no-repeat;
	background-color: #A3238E;
	min-height: 150px;
	background-size: 281px;
	background-position: center center;
	text-indent: -9999px;
	margin: 75px 0 0 0;
}

div.menu_inner h4.healthy_comment {
	background: url(../images/healthy_smoothie_sub_title.png) no-repeat;
	background-size: 339px;
	text-indent: -9999px;
	background-position: center center;
}

div.healthy_menu {
	margin: 50px 0 0 0;
	width: 30%;
	float: left;
}

div.healthy_menu p.healthy_menu_img {
	width: 70%;
	text-align: center;
	margin: 0 auto;
}

div.healthy_menu p.healthy_menu_img img {
	width: 100%;
}

div.healthy_menu p.healthy_menu_desc {
	width: 90%;
	color: #ffffff;
	text-align: center;
	line-height: 26px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
/**==================================================*/
div.character_bg {
	position: fixed;
	bottom: 0;
	right: 0;
	text-align: right;
	width: 50%;
}

div.character_bg img {
	width: 50%;
}

div.popup_menu_wrapper {
	width: 100%;
}

div.popup_menu_img_monster,div.popup_menu_img_dessert,div.popup_menu_img_tapioca,div.popup_menu_img_healthy {
	float: left;
	width: 45%;
	text-align: center;
	padding: 10px 0;
}

div.popup_menu_img_monster {
	border: 3px solid #ED1651;
}

div.popup_menu_img_dessert {
	border: 3px solid #F4811F;
}

div.popup_menu_img_tapioca {
	border: 3px solid #804409;
}

div.popup_menu_img_healthy {
	border: 3px solid #A3238E;
}

div.popup_menu_img_strawberryfair {
	border: 3px solid #ec7696;
}

div.popup_menu_img_monster img,div.popup_menu_img_dessert img,div.popup_menu_img_tapioca img,div.popup_menu_img_healthy img {
	width: 90%;
}

div.popup_menu_desc_monster,div.popup_menu_desc_dessert,div.popup_menu_desc_tapioca,div.popup_menu_desc_healthy {
	float: right;
	width: 48%
}

div.popup_menu_desc_monster h2,div.popup_menu_desc_dessert h2,div.popup_menu_desc_tapioca h2,div.popup_menu_desc_healthy h2 {
	padding: 20px 0 0 0;
	font-weight: bold;
	font-size: 20px;
}

div.popup_menu_desc_monster h2 {
	color: #ED1651;
}

div.popup_menu_desc_dessert h2 {
	color: #F4811F;
}

div.popup_menu_desc_tapioca h2 {
	color: #804409;
}

div.popup_menu_desc_tapioca h2 span {
	font-size: 16px;
}

div.popup_menu_desc_healthy h2 {
	color: #A3238E;
}

div.popup_menu_desc_strawberryfair h2 {
	color: #ec7696;
}

div.popup_menu_desc_monster p,div.popup_menu_desc_dessert p,div.popup_menu_desc_tapioca p,div.popup_menu_desc_healthy p {
	font-size: 16px;
	line-height: 30px;
	margin: 20px 0 0 0;
}

div.popup_menu_desc_monster p.popup_menu_comment, div.popup_menu_desc_dessert p.popup_menu_comment, div.popup_menu_desc_tapioca p.popup_menu_comment {
	text-align: right;
	border: none;
	line-height: 0;
	font-size: 14px;
}

div.popup_menu_desc_monster p {
	border-top: 1px solid #ED1651;
	border-bottom: 1px solid #ED1651;
}

div.popup_menu_desc_dessert p {
	border-top: 1px solid #F4811F;
	border-bottom: 1px solid #F4811F;
}

div.popup_menu_desc_tapioca p {
	border-top: 1px solid #804409;
	border-bottom: 1px solid #804409;
}

div.popup_menu_desc_healthy p {
	border-top: 1px solid #A3238E;
	border-bottom: 1px solid #A3238E;
}

div.popup_menu_desc_strawberryfair p {
	border-top: 1px solid #ec7696;
	border-bottom: 1px solid #ec7696;
}


/**==================================================*/
/* shop information */
/**==================================================*/
div.shopinfo_wrapper {
	width: 100%;
	margin: 75px auto 0 auto;
}

div.shopinfo_wrapper h2 {
	background: url(../images/shopinfo_title.png) no-repeat;
	background-color: #ffffff;
	background-size: 244px;
	background-position: center center;
	min-height: 125px;
	text-indent: -9999px;
}

div.shopinfo {
	width: 75%;
	margin: 50px auto 0 auto;
}

div.shopinfo_ext {
	width: 45%;
	float: left;
	text-align: right;
	margin: 0 30px 0 0;
}

div.shopinfo_ext img {
	width: 70%;
}

div.shopinfo_address {
	width: 48%;
	float: left;
}

div.shopinfo_address p {
	color: #ffffff;
	line-height: 30px;
}

div.shopinfo_google {
	margin: 60px auto 0 auto;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	line-height: 0;
}
/**==================================================*/


/**==================================================*/
/* footer */
/**==================================================*/
div.footer {
	width: 100%;
	background: #ffffff;
	padding: 50px 0;
	border-top: 1px solid #000000;
	border-bottom: 3px solid #ED86B3;
}

div.footer_inner {
	width: 90%;
	margin: 0 auto;
}

div.footer_inner p.instagram_logo {
	text-align: center;
	margin: 30px 0;
}

div.footer_inner p.millanopizza_logo {
	text-align: center;
	margin: 30px 0;
}

div.footer_inner p.instagram_logo img {
	width: 311px;
}

div.footer_inner p.millanopizza_logo img {
	width: 313px;
}

div.footer_inner p.footer_logo {
	text-align: center;
	margin: 30px 0;
}

div.footer_inner p.footer_logo img {
	width: 310px;
}

div.footer_inner h2 {
	font-size: 14px;
	color: #ED86B3;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
}
/**==================================================*/

/**==================================================*/
/** 202011 hot_tapioca */
/**==================================================*/

div.menu_wrapper h3.hot {
	background:url("../images/hot_tapioca_title.png") no-repeat;
	background-color: #F38181;
	min-height: 150px;
	background-size: 350px;
	background-position: center center;
	text-indent: -9999px;
}

/**==================================================*/
/** 202011 header_instagram */
/**==================================================*/

a.header_instagram {
	display: block;
	background-color: #ED86B3;
	padding: 10px 0;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 10;
}
a.header_instagram img {
	display: block;
	margin: 0 auto;
	width: 80%;
	max-width: 250px;
	/*border: 1px solid rgba(255,255,255,0.5);*/
	border: 1px solid rgba(0,0,0,0.4);
	border-radius: 50px;
	padding: 3px 20px;
	transition: .5s;
}

a.header_instagram:hover img {
	transform: scale(1.05);
}

/**==================================================*/
/** 202106  strawberry fair */
/**==================================================*/

div.menu_wrapper h3.fair {
	background:url("../images/strawberry_fair_title.png") no-repeat;
	background-color: #f1aabc;
	min-height: 170px;
	background-size: 400px;
	background-position: center center;
	text-indent: -9999px;
}

div.menu_inner_fair {
	/* background-image: url("../images/strawberry_fair.jpg"); */
	background-size: cover;
	background-color: #ec7696;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	/*min-height: 600px;*/
}
div.strawberryfair {
	text-align: center;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
	color: #fff;
}
div.strawberryfair_title {
	height: 100px;
	width: 650px;
	margin: 50px auto 0;
}
div.strawberryfair_title img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
div.strawberryfair p {
	font-size: 16px;
	padding: 30px 20px 15px;
	font-weight: 600;
}