@charset "utf-8";
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	
}
img{
	width: 100%;
	height: auto;
	vertical-align:bottom;
}

html{
	font-size: 62.5%;/*初期値10px設定*/
}
body{
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
	  sans-serif;
}
ul{
	list-style:none;
}
a{
	display:block;
	text-decoration:none;
}
p{
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	line-height:1.8;
	color:#ffc;
}
h2{
	font-size:4rem;
	margin-bottom:1rem;
	padding-top:1rem;
	line-height:2;
	font-family: 'Cookie', cursive;
}
h3{
	font-size:3rem;
	font-weight:bold;
	text-align:center;
	line-height:2;
	margin-bottom:4rem;
	color:#ffe;
	font-family:'Rubik Wet Paint', cursive;
}
.inner{
	background-color:#666;
	padding-bottom:30px;
}
/*font-family: 'Cookie', cursive;
font-family: 'Lilita One', cursive;
font-family: 'Rubik Wet Paint', cursive;
*/
/*-------------------------------------smartphone----------------------------------------------*/


body{
	background-color:#123;
	background-size:cover;
	background-repeat:no-repeat;
}
header{
	background-image:url("../img/keyvisual.png");
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	margin-bottom:60px;
	padding-bottom:200px;
}

nav{
	width:100%;
}
.nav_list{
	/*display:flex;
	justify-content:center;*/
	/*width:375px;*/
}
.nav_left,.nav_right{
	display:flex;
}
.nav_list li{
	width:33.333%;/*<!--w120-->*/
	background-color:#6b235a;/*#235a6b*//*#236b34*//*#6c3524*/
	font-size:1.8rem;
	text-align:center;
	line-height:1.8;
	border:solid 1px #fff;
}

.nav_list a{
	color:#fff;
	
}
.top_logo{
	width:30.4%;/*114/375*/
	margin:0 auto;
	padding-top:20px;
}
.kissa,.daf{
	font-size:5rem;
	text-align:center;
	color:#ffc;
	font-weight:bold;
}

.daf{
	font-size:3.8rem;
	margin-bottom:20px;
	font-family: 'Cookie', cursive;
}
.kissa span{
	color:#6c3524;
}
.takeout_logo{
	width:74px;
	line-height:74px;
	font-size:2rem;
	text-align:center;
	background-color:#236b34;
	margin:20px  20px 0 auto;
	font-family: 'Cookie', cursive;
	
}
/*------------------------------hide_menu--------------------------------------------------*/

.takeout_list{
	/*width:90%;*/
	background-color:rgba(17,17,17,0.94);
	text-align:center;
	font-size:2rem;
	/*margin:0 auto;*/
}

.takeout_list li{
	color:#ffc;
	padding-top:2rem;
	/*margin:0 auto;*/
}
.takeout_line{
	/*background-color:rgba(17,17,17,0.94);*/
	border:solid 2px #ffe;
	width:90%;
	margin:50px auto;
	padding-bottom:6rem;
}
.close_button{
	width:3rem;
	margin-left:auto;
	/*text-align:end;*/
	font-size:4rem;
	margin-right:20px;
}
.menu_size span{
	font-size:3rem;
	color:#236b34;
}
/*.hide_menu_wapr{
	margin:30px auto;
/*	margin:2em auto;*/
	

/*------------------------------hide_menu--------------------------------------------------*/
.fa-turn-up{
	position:fixed;
	bottom:52%;
	right:5%;
	font-size:3rem;
	color:#43C70D;
	z-index:100;
}
.about_in{
	pading-bottom:40px;
	padding-top:20px;
}
#to_about{
	color:#6b235a;
	text-align:center;
}

.about_container{
	width:92%;/*330/375*/
	margin:0 auto;
	background-color:#ffc;
	border:solid 2px #235a6b;
}
.about_container p{
	margin:0 10px;
	color:#111;
}
.about_container p:last-of-type{
	margin-bottom:5rem;
	
}
.about_wapr{
	background-color:rgba(2,2,2,2.88);
	padding:10px;
	margin-bottom:50px;
}
.about_photo_container{
	border-top:dashed #fff 1.8rem;
	border-bottom:dashed #fff 1.8rem;
	padding:1rem 0;
	
}

.about_photo_container figure{
	/*width:90%;*/
	margin:0 auto ;
}
.gallery{
	margin-bottom:60px;
}
.gallery p{
	text-align:center;
	
}
.sub_container p{
	color:#ffe;
}
#to_shop{
	width:49%;/*185/375*/
	line-height:48px;
	background-color:#6b235a;
}
.shop_container{
	
}
#to_menu{
	width:49%;/*185/375*/
	line-height:48px;
	background-color:#6c3524;
}
.menu_container{
	background-image:url("../img/drink_1nd.png");
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	padding-bottom:1rem;
	margin:0 auto 33px;
}
.menu_text{
	background-color:rgba(255,255,204,0.70);
	width:60%;/*225/375*/
	max-width:280px;
	border-radius:10%;
	margin-top:50%;
	margin-left:auto;
	margin-right:5%;
	
}
.menu_text p{
	text-align:center;
	font-size:2rem;
	color:#6c3524;
}
.menu_text span{
	font-size:1.6rem;
	color:#236b34;
	
}

#to_news{
	width:49%;/*185/375*/
	line-height:48px;
	background-color:#235a6b;
}
.pc_news{
	width:93%;/*350/375*/
	margin:0 auto;
	padding:1rem 3rem;
	
}
	
.content figure{
	margin-bottom:30px;
}

.map_container{
	display:flex;
	margin-bottom:30px;
}

.map_container figure{
	width:75.733%;/*284/375*/
	margin:0 auto;

}
.google_set{
	margin:0 auto;
}
.google_set p{
	font-size:2.3rem;
	/*vertical-align: middle;*/
}
.fa-earth-americas{
	font-size:80px;
	color:#D4B4E7;
	/*vertical-align:middle;*/
	text-align:center;
	z-index:1000;
	
}
.map_container p a{
	color:#eee;
	text-align:center;
}
.map_in span{
	color:#fff;
	font-size:1.5rem;
}

.address{
	letter-spacing:0.3em;
	margin-bottom:30px;
}
.foot_container{
	display:flex;
	flex-direction:row-reverse;
}
.foot_container figure{
	margin:0 auto;
	width:75.733%;/*284/375*/
}
.foot_text{
	width:88%;/*330/375*/
	margin:0 auto 60px;
	padding:20px 0;
	background-color:#235a6b;
	border-left:solid 2px #ffc;
	border-right:solid 2px #ffc;
	
}
.follow{
	font-family: 'Lilita One', cursive;
}
.icon_column{
	margin:0 auto;
}
.icon_column p{
	font-size:4rem;
	text-align:center;
}

.fa-twitter{
	color:#ECABE6;
	
}
.fa-instagram{
	color:#fff;
}
.fa-calendar-days{
	color:#3EEC93;
}
.fa-poo-storm{
	color:#111;
}
.br{
	display:inline-block;
}


.google_map{
	text-align: center;
}

/*-------------------------------------smartphone----------------------------------------------*/
													/*#6b235a;*//*#235a6b*//*#236b34*//*#6c3524*/

/*--------------------------------------tablet-------------------------------------------------*/

@media screen and (min-width: 768px){
	
.inner{
	width:75%;
	margin:0 auto;
}
	
	p{
	font-size:2.5rem;
	font-weight:bold;
	text-align:center;
	line-height:1.8;
	color:#ffc;
}
h2{
	font-size:8rem;
	margin-bottom:4rem;
	padding-top:2rem;
	line-height:3;
}
h3{
	font-size:7rem;
	font-weight:bold;
	text-align:center;
	line-height:6;
	margin-bottom:4rem;
	color:#ffe;
}
header{
	background-position:center center;
	margin-bottom:150px;
	padding-bottom:400px;
}
	.nav_list{
	display:flex;
	justify-content: center;
}
	.nav_left,.nav_right{
		width:100%;
	}
	
	.nav_list li{
	background-color:#6b235a;/*#235a6b*//*#236b34*//*#6c3524*/
	font-size:3rem;
	text-align:center;
	line-height:3;
	/*margin:0 2px;*/
	border:solid 1px #fff;
}
	
.top_logo{
	width:37.1%;/*380/1024*/
	
}

	.kissa,.daf{
	font-size:7rem;
	text-align:center;
	color:#ffc;
	font-weight:bold;
}
	.kissa span{
		color:#235a6b;
	}
	.daf{
		padding-top:60px;
	}
	
.takeout_rila{
	position:relative;
}
	
.takeout_logo{
	position:absolute;
	bottom:-38%;
	right:5%;
	width:14.64%;/*150/1024*/
	min-width:150px;
	line-height:150px;
	font-size:3.5rem;
	text-align:center;
	background-color:#236b34;
	margin:20px  20px 0 auto;
}
	
.takeout_line{
	position:relative;
}
	
.close_button{
	position:absolute;
	width:3rem;
	right:5%;
	bottom:10%;
	font-size:6rem;
	
}
	
.takeout_list{
	/*width:90%;*/
	background-color:rgba(17,17,17,0.94);
	text-align:center;
	font-size:4rem;
	/*margin:0 auto;*/
}

.takeout_list li{
	color:#ffc;
	padding-top:2rem;
	/*margin:0 auto;*/
}
	
.takeout_line{
	/*background-color:rgba(17,17,17,0.94);*/
	border:solid 2px #ffe;
	width:90%;
	margin:50px auto;
	padding-bottom:15rem;
	padding-top:15rem;
	}
.menu_size span{
	font-size:5rem;
	color:#236b34;
}
	
.fa-turn-up{
	position:fixed;
	bottom:12%;
	right:5%;
	font-size:5rem;
	color:#43C70D;
	z-index:100;
}
	
	
.about_in{
	pading-bottom:60px;
	padding-top:40px;
}
.about_container{
	width:91.4%;/*936/1024*/
	background-color:#ffc;
	border:solid 2px #235a6b;
}

.about_container p{
		font-size:2.2rem;
	}
.about_wapr{
		margin-bottom:200px;
	}
	
	
.icon_column p{
	font-size:6rem;
	text-align:center;
}
#to_shop{
	width:100%;
	line-height:20px;
	background-color:#235a6b;
}
	
	
	
	.shop_container{
		margin-bottom:200px;
	}
.pc_container_00{
		background-color:#6c3524;
		justify-content:space-around;
	}
.pc_container_01{
		background-color:#235a6b;
		justify-content:space-around;
	}
.gallery_pc{
		display:flex;
		padding:40px;
		border:#fff  2px solid;
		margin-bottom:30px;
		
	}
	.gallery_backco_00{
		background-color:rgba(107,35,90,0.95);
		padding:20px;
		display:table;
	}
	 .gallery_backco_00 p{
		display:table-cell;
		vertical-align: middle;
	}
	
	.gallery_backco_01{
		background-color:rgba(35,107,52,0.92);
		padding:20px;
		display:table;
	}
	
 	.gallery_backco_01 p{
		display:table-cell;
		vertical-align: middle;
	}
	
	.gallery_pc figure{
		width:52.73%;/*540/1024*/
		
	}
	
	.gallery_pc p{
		line-height:2;
		
	}
	
	.gallery_backco_00,.gallery_backco_01{
		width:31.25%;/*320/1024*/
	}
	
	.sub_container p{
		font-size:3rem;
		line-height:3;
	}
	#to_menu{
	width:100%;
	line-height:20px;
	background-color:#6c3524;
		
}
	.news_in{
		padding-bottom:0;
	}
	#to_news{
	width:100%;
	line-height:20px;
	background-color:#235a6b;
}
	.menu_container{
		margin-bottom:200px;
	}
	.content{
		display:flex;
		justify-content:space-around;
		margin-bottom:30px;
	}
	
	
	.even{
		flex-direction:row-reverse;
		margin-bottom:200px;
	}
	.as .even{
		/*border:solid 2px #235a6b;*/
	}
	
	.pc_news{
		width:38%;/*390/1024*/
		/*border:#fff solid;*/
		display:table;
	}
	
	.pc_news p{
		display:table-cell;
		vertical-align: middle;
		
	}
	
	.smart_none{
		margin:0 auto 200px;
		padding-top:3rem;
		
	}
	.smart_none_news p{
		font-size:2.1rem;
	}
	
	
.map_container{
	display:block;
	margin-bottom:30px;
}

.map_container figure{
	width:74.41%;/*762/1024*/
	margin:0 auto;
	padding-bottom:6rem;

}
.google_set{
	margin:0 auto;
}
.google_set p{
	font-size:2.7rem;
	/*vertical-align: middle;*/
}
	.fa-earth-americas{
		display:block;
	font-size:30rem;
	color:#D4B4E7;
		margin:0 auto;
	/*vertical-align:middle;*/
	/*text-align:center;*/
	
}
	.foot_container{
	display:block;
}
.foot_container figure{
	margin:0 auto;
	width:57.42%;/*588/1024*/
}
.foot_text{
	width:56.64%;/*580/1024*/
	margin:0 auto 60px;
	padding:20px 0;
	background-color:#235a6b;
	border-left:solid 2px #ffc;
	border-right:solid 2px #ffc;
}
	.icon_column{
		display:flex;
		justify-content: space-around;
	}
	.icon_column p{
	font-size:7rem;
	text-align:center;
}

}
	


/*--------------------------------------tablet-------------------------------------------------*/
													/*#6b235a;*//*#235a6b#235a6b*//*#236b34*//*#6c3524*/
@media screen and (min-width: 1024px) {
.inner{
	/*width:74.963%;*/
	}
	
}