@charset "utf-8";
.takeout_list{
	position:absolute;
	z-index:-1;
	opacity:0;
	top:0;
	left:5%;
	transition: all 0.3s;
	/*margin:0 auto;*/
	
}
/*.top_logo{
	position:absolute;
	inset:-10%;
}*/
/*.title_copy{
  position: relative;
  margin: 20px auto;
  width:600px;
  height:600px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 70%;*/
    /* 文字数に応じて適度なサイズに調整 */
  /*height: 300px;
  width: 300px;
}*/

/*.circle{
	 position: relative;
  width: 20px;  /* この親要素自体は1文字が収まる程度の小さいサイズ 
  height: 20px;
  border-radius: 50%;*/
  /* 途中省略、 アニメーションなし
  transform: rotate(90deg); */ /* 円の左端からテキストが始まるように回転 

}*/
/*.circle span{
	position: absolute;
	
  inset:0;  /* topとleftとbottomとrightをまとめて指定 
  font-weight: 700;
}*/




.panelactive{
	width:90%;
	opacity: 1;
	z-index:999;
	margin:20px auto;
}
.takeout_logo{
	 cursor: pointer;
}
.takeout_list .panelactive{
	width:100%;
	margin:30px auto;
	background-color:rgba(0,0,0,0.94);
}
.takeout_line .panelactive{
	width:90%;
	margin:0 auto;
	background-color:rgba(17,17,17,0.91);
}
.active{
	display:none;
}
.up_icon .active{
	
}
.gallery_pc{
	display:none;
}
.smart_none{
	display:none;
}

@media screen and (min-width: 768px){

	
	.gallery_pc{
	display:block;	
}
	.pc_none{
		display:none;
	}
	.smart_none{
		display:block;
	}
	.takeout_logo:hover{
	background-color:#ffe;
	border:solid 2px #236b34;
	color:#236b34;
}.nav_list li a:hover{
	background-color:#fff;/*#235a6b*//*#236b34*//*#6c3524*/
	color:#6b235a;
	border:solid 3px #235a6b;
	font-size:3.5rem;
	
}
	
}.fa-twitter:hover{
	color:#5111D8;
	font-size:10rem;
}
.fa-instagram:hover{
	color:#E40F13;
	font-size:10rem;
}
.fa-calendar-days:hover{
	color:#FFFF00;
	font-size:10rem;
}
.fa-poo-storm:hover{
	color:#D97708;
	font-size:10rem;
}
#map_page{
	background-color:#333;
}
.google_map{
	position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}
.google_map iframe{
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.google_map_wapr{
	/*padding-top:3rem;*/
	margin-bottom:2rem;
}

.google_map_wapr h2{
	width:70%;
	background-color:#000;
	font-size:5rem;
	text-align:center;
	color:#fff;
	margin:0 auto;
	line-height:2;
	
}
.backnavi{
	width:30%;
	border-bottom:solid 2px #fff;
	margin-left:auto;
}
.backnavi a{
	display:block;
	color:#fff;
	background-color:#6b235a;
	text-align:center;
	line-height:2;
	font-size:2rem;
}
.backnavi a:hover{
	color:#fff;
	background-color:#6b235a;
	
}

/*.bg_img01{
	background-image:url("../img/inside_1st.png");	
	}
.bg_img02{
	background-image:url("../img/drink_1st.png");	
}
.bg_img03{
	background-image:url("../img/drink_1st.png");
}
.bg_img04{
	background-image:url("../img/drink_2nd.png");
	
}*/