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


body{
	min-width:1000px;
	font-family: 'Noto Sans JP', sans-serif;
	color:rgb(25, 64, 85);
	/*文字の色blue85%*/
}

body p{
	font-weight:lighter;
}

.contents-box{
	width:1000px;
	margin:0 auto;
	height:inherit;

}

a{
	color:rgb(38, 74, 94);
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
	font-size: 1.1rem;
	letter-spacing:0.05em;
}

*,*::before,*::after {
 box-sizing: border-box;
}

.clearfix::after{
    content: "";
	clear:both;
    display:block;
}




/*homeTOPイメージここから*/

.bg-slider {
	/*width: 100vw;
	height: 100vh;*/
	background-position:center center;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: 60% 0;
	padding:26%;
	position:relative;
}




.top_image{
	margin-bottom: 50px;
	/*background-image:url(../images/site/top_image2.png);
	background-repeat: no-repeat;
	background-size: 70%;
    background-position:right 39% center;
	padding:26%;
	position:relative;
	margin-bottom:10%;*/

}



.top_title{
position:absolute;
top:18%;
left:10%;
}


.top_cup_icon{
position:absolute;
top:40%;
left:8%;
}

.coffee_beans{
position:absolute;
top:65%;
left:5%;
}

.onpu1{
float:left;
position:absolute;
top:8%;
right:6%;
}

.onpu2{
float:left;
position:absolute;
top:22%;
right:19%;
}

.onpu3{
float:left;
position:absolute;
top:43%;
right:11%;
}


/*ふわふわ-----------------*/

/*.onputachi {
  animation: horizontal 1s ease-in-out infinite alternate;
}

.onpu1{
  animation: vertical 1s ease-in-out infinite alternate;
}

.onpu2{
  animation: horizontal 1s ease-in-out infinite alternate;
}

.onpu:nth-child(1) { animation-duration: 1.1s}
.onpu:nth-child(2) { animation-duration: 1.3s}
.onpu:nth-child(3) { animation-duration: 1.5s}

@keyframes horizontal {
    0% { transform:translateX( -3px); }
  100% { transform:translateX(  0px); }
}
@keyframes vertical {
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}*/




/*-----------------ふわふわ*/

.shop_info{
position:absolute;
color:rgb(175, 196, 214);
right:7%;
bottom:0;
}

.shop_info p{
text-align: right;
line-height:1.2rem;
}

.yuubin{
font-size: 12px;
margin-bottom: 0;
}

.adress1{
font-size: 13px;
margin-top: 0;
margin-bottom: 0px;
}

.time{
font-size: 13px;
margin-bottom: 0;
margin-top:5px;
}

.mail{
font-size: 12px;
margin-top: 0px;
}


/*homeのヘッダここから*/

.home_hnav{
overflow: hidden;
position: absolute;
top:5%;
left:37%;
/*background-color:green;*/
width:50%;


}

.home_hnav li a{
	float:left;
text-decoration: none;
color:#FFF;
width:18%;
margin-top:0;
padding-top: 0;

}

.home_hnav li a:hover{
 color:rgb(175, 196, 214)

}


/*home以外のヘッダーここから*/

.hnav ul{
	list-style-type: none;
	overflow: hidden;
	
}

.hnav ul li a{
	display: block;/* ここがポイント！ */
	text-decoration: none;
	/*width:50%;*/
	text-align: center;
	margin-top: 25px;
	margin-right: 40px;
	margin-bottom:10px;
	color:rgb(38, 74, 94);

}

.hnav ul li a:hover{
    color:rgb(175, 196, 214);
}

.hnav ul li{
	float: left;
	width:20%;
	
}

.blue_logo{
	display: block;
	float: left;
	width: auto;
	margin-left:35px;
	margin-top:25px;
	
}

.hnav{
	float: right;
	width:60%;
	
	
}


/*今日の音楽ここから---------*/



.todays_music{
	width:850px;
	margin:70px auto;
	padding:40px 25px 20px 50px;
	background-image:
	url(../images/site/tm_waku_head.jpg),
	url(../images/site/tm_waku_foot.jpg),
	url(../images/site/tm_waku_body.jpg);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:center top, center bottom, center center; 
	position:relative;
	background-size:100%;
	/*background-color:tan;*/
	margin-top: 50px;
}
.todays_music h2{
	font-family: 'Kiwi Maru', serif;
	font-size:2.15rem;
	/*margin-top:-40px;*/
	margin-bottom:20px;
	/*background-color:pink;*/
}
/*.todays_music h2::after{
	content: url(../images/site/hukidashi.png);
	
}*/

.tm_text{
    line-height:1.8em;
	font-size:15px;
	/*background-color:tan;*/
	letter-spacing:0.05rem;
	text-align:justify;
	width:500px;
	float:left;
	margin-left:15px;
	margin-top:20px;
	margin-bottom:0;
}

.tm_text p{
	margin-top:15px;
	margin-bottom:10px;
}


.tm_cd{
	float:right;
	margin-top:20px;
}
.tm_cd .samara_img{
	background-image:url(../images/site/cdwaku.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	padding:15px;
	width:200px;
	height:200px;
}
.tm_cd .samara_img img{
	width:100%;
	height:auto;
}

.samara{
	margin-top:5px;
	text-align:center;
	font-size:0.7rem;
	
}



.koremade{
	text-align:right;
	padding:0;
	
}

.koremade a{
	display:inline-block;
	/*border:1px solid #002A42;*/
	border-radius: 10px 10px 10px 10px;
	background-color:#002A42;
	padding:0 2px 0 2px;
	color:#fff;
	text-decoration:none;
	color:white;
	font-size:0.5rem;
	text-align:right;
	font-weight:400;

}



.koremade a:hover{
	color:rgb(197, 201, 218);
}

.eleven{
	position:absolute;
	top:27px;
	right:275px;
}


/*■■■■■ニュースここから■■■■■*/
.news{
	background-image:url(../images/site/hishigata.png);
	background-repeat:no-repeat;
	background-size: 800px;
	background-position: center center; 
	padding:4% 0;
	margin-bottom: 30px;

}



.news_hukidashi{
	margin:0 0 -9% 28%;
	padding:0;
}

.three_maru{
	display:flex;
	align-items: center;
  justify-content: center;
  margin-top:7%;
}

.mint_tea_box{

	margin-right:5%;
	/*background-color:salmon;*/
}

.records_box{
	/*background-color:lavender;*/
	margin-top:10px;

}

.sandwich_box{
	margin-left:5%;
	/*background-color:steelblue;*/
}

.sandwich img{
	border-radius: 50%;
}

.records img{
	border-radius: 50%;
	
}

.mint_tea img{
	border-radius: 50%;
	
}


.first{
	width:160px;
	font-size:14px;
	/*background-color:blue;*/
	margin-left:8%;
}

.second{	
	width:160px;	
	font-size:14px;
	/*background-color:yellow;*/
	margin-left:10%;
}

.third{
	width:160px;
	font-size:14px;
	/*background-color:green;*/
	margin-left:10%;
}


.news_date{
	font-size:12px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:500;
}


.detail_button{
	display:inline-block;
	
	border:1px solid #002A42;
	border-radius: 10px 10px 10px 10px;
	padding:0 5px 3px 8px;
	margin-left:71%;
	margin-top:2%;
	
}

.detail_button a{
	text-decoration:none;
	color:#002A42;
	font-size:10px;
}

.detail_button a:hover{
	color:rgb(197, 201, 218);
}

.banner_box{
	margin-bottom: 50px;

	
}

.banner_box h3{
	text-align: center;
	font-family: 'Kiwi Maru', serif;
	font-size:2rem;
	margin-bottom: 40px;
	margin-top: 70px;
	position: relative;
	padding-top: 25px;
	
	height:80px;
}

.banner_box h3::before {
	content:url("../images/site/event_mike.png");
	position: absolute;
	left:33%;
	bottom:5%;

}



.banner{
	margin: 0 auto;
	width:800px;
	height:400px;
	display: flex;
	justify-content: space-between;

	

}

.banner h4{
	margin-top: 8px;
}

.mgr-10{
	margin-right : 15px;
}

/*■■■■■ニュースここまで■■■■■*/

/*■■■■■マップここから■■■■■*/

.map_icon{
	display:block;
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
	margin-bottom:10px;
}

.map{
	margin-bottom:8%;
	
	margin-left:auto;
	margin-right:auto;
	width:100%;
	
}

.map_image{
	
}

/*■■■■■住所等ここから■■■■■*/

.adress_text{
	width:600px;
	margin: 0 auto;
	
}

.ad_1{
	display: flex;
	justify-content: center;
}

.ad_2{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.ad_left1, .ad_left2{
	padding-left: 40px;
	display: flex;
	
}

.ad_right1, .ad_right2{
	padding-left: 100px;
	display: flex;
}


.adress_text h4{
	width:40px;
	margin:6px 13px 0 0;
	color:white;
	font-size:12px;
	display:inline-block;
	background-color:#002A42;
	border:1px solid #002A42;
	border-radius: 5px 5px 5px 5px;
	padding:2px 5px 3.5px 5px;

}

.adress_text p{
	width:220px;
	font-size:14px;
	color:#002A42;
	
}

.yuubin2{
	padding-bottom:0;
	margin-bottom:5px;
	margin-top:6px;
}

.juusho, .yasumi{
	/*background-color:green;*/
	margin-top:0;
}

.yasumi{
	margin-top:3px;
}


.suimoku{
	margin-top:0;
	margin-bottom:0;
}

.open{
	/*background-color:cornflowerblue;*/
	margin-bottom:3px;
	margin-top:6px;
}


.mail_adress{
	margin-top:16px;
}

.hakusan{
	margin-top:14px;
}

.koutuu_title, .renraku_title{
	margin-top:10px;
}
	
/*■■■■■マップここまで■■■■■*/


/*■■■■■アバウトここから■■■■■*/

.about{
    margin-top:60px;
	/*background-color: aquamarine;*/
	height:430px;

	}

.about_icon, .space_icon{
	text-align:center;
	margin-top:70px;
}

.about_title, .space_title{
	font-size:1.4em;
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom:14px;
	line-height:1.3em;
}


.about_text{
	width:290px;
	float:right;
	margin-top:5%;
	line-height:1.4em;
	text-align:justify;
	
}

.about_detail, .space_detail{
	font-size:14px;
}



.about_image{
	float:left;
	width:60%;
}

.ss{
  margin-bottom:1em;
}

/*■■■■■リクエストの多い５枚ここから■■■■■*/

.request{
	margin-top: 12%;
	/*background-color: tan;*/
	height:400px;
}

.request_cd_contents{
	/*background-color: pink;*/
}

.cd_box{
	float:left;

}

.request_title{
    margin-top:100px;
	background-image:url("../images/site/a_yajirushi_s.png");
	background-repeat: no-repeat;
	
	float:left;
	height:60px;
	width:200px;

}

.request_title h3{
	font-size: 15px;
	font-family: 'Noto Sans JP', sans-serif;
/*	border-bottom:1px solid rgb(38, 74, 94);*/
	padding-bottom: 6px;
	margin-left: 11px;
	
	
}

.request_cd_contents{
	float: right;
	
	
}

.cd_box{
	margin-left:30px;
}

.cd_box p, .cd_box h4{
	width:120px;
	text-align: justify;
	
}

.cd_box h4{
	font-size: 12px;
	margin-bottom: 5px;
	
	margin-top: 5px;
	font-weight: 600;
	line-height: 1.1em;
}

.cd_box p{
	font-size: 12px;
	line-height: 1.3em;
}



/*■■■■■スペースここから■■■■■*/

.space{
	width:100%;
	/*background-color: mediumpurple;*/
	height:430px;
	}

.space_icon{
	margin-top:10%;
	margin-bottom:50px;
}

.space_text{
	width:290px;
	float:left;
	margin-top:3%;
	line-height:1.5em;
	text-align:justify;
}


.space_image{
	float:right;
	width:60%;
	margin-right:0;
	
	text-align:right;
}


/*■■■■■メニューここから■■■■■*/

.menu_icon{
	text-align:center;
	margin-top:80px;
}

.menu_detail h2{
	text-align:center;
	color:#002A42;
}

.kisetugentei h3{
  font-size:28px;
  text-align:center;
	margin-top: 40px;
	padding-top: 30px;
  padding-bottom: 40px;
  
  font-family: 'Noto Sans JP', sans-serif;
position: relative;
	padding-left: 35px;
}

.kisetugentei h3::before{
  content:url("../images/site/kisetu_cake.png");
position: absolute;
	top: 15px;
	left:340px;
}



.ykisetugentei:after{
	margin-left:1em;
	margin-right:2em;
	
}

.gentei_box h3, .gentei_box p{
	width:460px;
	text-align:justify;
	}


.gentei_box h3{
	font-size:1.1em;
	font-family: 'Noto Sans JP', sans-serif;
	margin-bottom:5px;
	margin-top:9px;
	line-height:1.3em;
	text-align:center;
}

.gentei_box p{
	font-size:14px;
	margin-bottom:5px;
	line-height:1.4em;
}

.gentei_box{


}

.lemon_box{
	float:left;
	
}

.mint_box{
	float:right;
}

/*■■■■■メニュー詳細ここから■■■■■*/

.itumonomenu h3{
  font-size:28px;
  text-align:center;
  margin-top: 100px;
  padding-top: 30px;
  padding-bottom: 40px;
  
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
  padding-left: 35px;
}

.itumonomenu h3::before{
  content:url("../images/site/itumo_pancake.png");
  position: absolute;
  top: 18px;
  left:345px;
}


.menu_detail p{
	width:200px;
	font-size:14px;
	line-height:1.4em;
	text-align:justify;
}


/*■■■■■コーヒーここから■■■■■*/
.drink_setumei{
	float:left;
	
}

.coffee_img{
	float:right;
}



.drink_icon{
	margin-left:100px;
	margin-bottom:35px;
	margin-top:40px;
	text-align:center;
}

.drink_text{
	margin-left:100px;	
}

.drink_text p, .food_text p, .sweets_text p{
	margin-top:-20px;
}

.drink_detail li{
	font-size:14px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:lighter;
	line-height:1.7em;
}
	

.drink1{
	float:left;
	margin-left:280px;
}

.drink2{
	float:right;
	margin-right:280px;
	
}

.drink_detail{
	margin-top:40px;
	
}



/*■■■■■フードここから■■■■■*/

.food_box{
	margin-top:170px;
}

.food_setumei{
	float:right;
	/*background-color:aquamarine;*/
	
}

.food_img{
	float:left;
}


.food_icon{
    margin-right:100px;
	margin-bottom:35px;
	margin-top:30px;
	/*background-color:tan;*/
	text-align:center;
	}

.food_text{
    margin-right:100px;
	/*background-color:pink;*/
	
}

.food_detail li{
	font-size:14px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:lighter;
	line-height:1.7em;
}
	

.food1{
	float:left;
	margin-left:280px;
}

.food2{
	float:right;
	margin-right:280px;
	
}

.food_detail{
	margin-top:40px;
	
}


/*■■■■■sweetsここから■■■■■*/
.sweets_box{
	margin-top:170px;
}

.sweets_setumei{
	float:left;
}

.sweets_img{
	float:right;
}



.sweets_icon{
	margin-left:80px;
	margin-bottom:35px;
	margin-top:30px;

}

.sweets_text{
	margin-left:45px;
}

.sweets_detail li{
	font-size:14px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:lighter;
	line-height:1.7em;
}
	

.sweets1{
	float:left;
	margin-left:280px;
}

.sweets2{
	float:right;
	margin-right:280px;
	
}

.sweets_detail{
	margin-top:40px;
	
}



/*■■■■■ブログここから■■■■■*/

.blog_icon{
	text-align:center;
	margin-top:80px;
	margin-bottom:70px;
}



.bnav ul{
/*	border:1px solid rgb(175, 196, 214);
	background-color:#002A42;
	background-color:rgb(175, 196, 214);*/
}



.bnav ul{
	display: flex;
	justify-content: center;
	width:650px;
	margin:0 auto;
	margin-bottom:80px;
}

.bnav ul li{
	width:100%;
	padding: 10px 20px 12px 20px;
	/*display: inline-block;*/
	border-right: 1px solid #fff;
	text-align:center;
	
	border:1px solid rgb(175, 196, 214);
	background-color:#002A42;
	background-color:rgb(175, 196, 214);
	
	border-right: 1px solid #fff;
}



.bnav ul li:hover{
	background-color:rgb(215, 226, 235);
	border:1px solid rgb(215, 226, 235);
}


	

.bnav ul li:last-child{
	border-right: none;

}

.bnav ul li a{
	color: #002A42;
	font-size:14px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:lighter;
	text-decoration:none;
	color:#fff;

}

.blog_box{
	
}



.blog_container{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:20px;
	margin-top:70px;
	row-gap: 60px;
	justify-items:center;
	align-items:center;
	
}

.item{
	font-size: 14px;
	width:250px;
}

.item h6{
	margin-top:10px;

}

.item p{
	margin-top:5px;

}

.d_category{
	display: flex;
	justify-content: space-between;
}

.cate_m{
	border: 1px solid #579CB5;
	background-color: #579CB5;
	color: #fff;
	font-size: 11px;
	padding:2px 2px 3px 2px;
	font-weight: lighter;
}

.cate_s{
	border: 1px solid #90A9C9;
	background-color: #90A9C9;
	color: #fff;
	font-size: 11px;
	padding:2px 2px 3px 2px;
	font-weight: lighter;
}

.cate_e{
	border: 1px solid #DCB4B3;
	background-color: #DCB4B3;
	color: #fff;
	font-size: 11px;
	padding:2px 2px 3px 2px;
	font-weight: lighter;
}

.cate_o{
	border: 1px solid #9AC0AB;
	background-color: #9AC0AB;
	color: #fff;
	font-size: 11px;
	padding:2px 2px 3px 2px;
	font-weight: lighter;
}

/*----------コンタクトここから----------*/

.contact_icon{
	text-align:center;
	margin-top:80px;
	margin-bottom:50px;
}



.form{
	margin: 0 auto;
	width:600px;
	
}

.form p{
	font-family: 'Noto Sans JP', sans-serif;
	line-height:1.8em;
	font-size:16px;
	
}


	
	
/* 属性セレクタ */
[type="text"],
[type="email"] {
	width: 600px;
}

#mail {
	width: 600px;
}

textarea {
	width: 600px;
	height: 100px;
}

select {
	width: 200px;
}

.required {
	color: #F00;
}








/*■■■■■フッターここから■■■■■*/

footer{
	background-image:url(../images/site/footer.png);
	background-repeat:no-repeat;
	background-size:cover;
	/*background-color:rgb(175, 196, 214);*/
	margin-top:10%;
	position: relative;

}


.footer_logo_nav{
	height:300px;

	
}

.fnav{
  float:right;
  width:70%;
}


.fnav ul li{
	list-style-type:none;
	background-color:tan;
	
}

.fnav ul{
	margin-left:20%;
	margin-top:158px;
	
}

.fnav ul li a{
	display:inline-block;
	float:left;
	color:#fff;
	width:18%;
	text-align:center;
	text-decoration:none;
	

}

.fnav ul li a:hover{
	color:rgb(206, 218, 231);
}

.blue_white{
	float:left;
	margin-left:9%;
	margin-top:140px;
}


.copy{
	color:#fff;
	font-size: 10px;
	margin-right:0;

	width:100px;
	float: right;
	position: absolute;
	left:8px;
	bottom:5px;
		
}
/*■■■■■フッターここまで■■■■■*/