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

html,body{
	 height:100%;
    font-family: 'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
	 }

	
#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
	}
	
#content{
	overflow:hidden;
	width:1000px;
	margin:0 auto;
	padding-bottom:160px;
	}
header{
	width:1000px;
	margin:0 auto;
	}
header h1{
	padding-top:25px;
	float:left;
	overflow:hidden;
	}
#nav{
	}
nav li.selected span{
	color:#ee7e94;
	}

#nav a{
	}
#nav ul{
	width:504px;	
	text-align:right;
	float:right;
	overflow:hidden;
	}

#nav ul li{
	float:left;
	padding:30px 0 30px 27px;
	overflow:hidden;
	}

#sec01{
	margin-bottom:50px;
	}
#sec02{
	width:77%;
	float:left;
	overflow:hidden;
	margin-bottom:50px;
	}
	
#sec02 ul{
	overflow:hidden;
	text-align:center;

	}

#sec02 ul li{
	color:#ee7e94;
	overflow:hidden;
	width:23%;
	float:left;
	padding-top:30px;
	margin-right:10px;
	height:153px;
	border:1px solid #ee7e94;
	font-size:80px;
	font-family: 'icon-worksregular';
	}


#sec02 ul li a:link{
	color:#ee7e94;
	text-decoration:none;
	}

#sec02 ul li a:visited{
	color:#ee7e94;
	text-decoration:none;
	}

#sec02 ul #shop{
		background-image:url(../cafe_img/shop_main02.png);


		
	}
#sec02 ul #photo{
		background-image:url(../cafe_img/photo_main02.png);
	}
#sec02 ul #schedule{
		background-image:url(../cafe_img/schedule_main02.png);
	}

#sec02 ul #access{
		background-image:url(../cafe_img/access_main02.png);
	}

#sec02 ul li a{}
	
	

#sec03{
	overflow:hidden;
	width:23%;
	float:right;
	height:185px;
	margin-bottom:50px;
	}

#sec03 dl{
	padding:3%;
	line-height:1.5em;
	font-size:13px;
	}

#sec03 dl dt{
	width:30%;
	float:left;
	overflow:hidden;
	font-weight:bold;
	}

#sec03 dl dd{
	width:100%;

	}	
	
	
#sec04{
	float:left;
	overflow:hidden;
	width:75%;

	}
	
#sec04 h2{
	padding-bottom:1em;
		}
#sec04 dl{
	padding:.8em;
	border-bottom: dotted 1px #414247;
	overflow:hidden;
	}

#sec04 dl dt{
	margin:0 4em 0 0;
	overflow:hidden;
	float:left;


	}

#sec04 dl dd{	
		overflow:hidden;

	}
	
	
#sec05{
	overflow:hidden;
	height:200px;
	float:right;
	}
	

/*-------------------footer----------------------*/

#footer{
	padding:30px 0 0 0 ;
    height:70px;
    bottom:0;
	width:100%;
	background-color:#ee7e94;
	overflow:hidden;
	     position:absolute;


	}
	


#footer dl{
	line-height:1em;
	text-align:center;
	overflow:hidden;
	color:#fff;
	}

#footer dl dt{
	overflow:hidden;

	}

#footer dl dd{
	font-size:13px;
	}
#footer dl address{
	font-size:13px;
	font-style:normal;
	overflow:hidden;

	}
/*-----------------------------------------------*/

/*-------------------画像まわりのエフェクトやスタイリング----------------------*/
/*http://webrocketsmagazine.com/entry/20120224/css3-image-effects.html*/
.frame {
	float:right;
	margin:6px 670px;
	position: absolute;
	display: inline-block;
	width: 300px;
	height: 200px;
	border: 10px solid #fff;
	box-shadow: 0 0 4px #999;
	transform: rotate(4deg); /* 全体を回転 */
	overflow: hidden; /* 不要部分は消す */
}
.frame img {
	margin-top: 0;
	margin-left: 0px; /* ポジション調整 */
	transform-origin: 0 0;
	transform: rotate(0deg); /* 写真は元に戻す */
}

.frame2 {
	float:right;
	margin:12px 9px;
	position: absolute;
	display: inline-block;
	width: 300px;
	height: 200px;
	margin:0px 500px;
	border: 10px solid #fff;
	box-shadow: 0 0 4px #999;
	transform: rotate(-4deg); /* 全体を回転 */
	overflow: hidden; /* 不要部分は消す */
	z-index:-1;
}
.frame2 img {
	margin-top: 0;
	margin-left: 0px; /* ポジション調整 */
	transform-origin: 0 0;
	transform: rotate(0deg); /* 写真は元に戻す */
}

/*-------------------画像まわりのエフェクトやスタイリング----------------------*/


/*-------------------01 introduce----------------------*/
#introduce_sec01{}

#introduce_sec01 h2{
	font-weight:normal;
	margin-bottom:60px;
	font-size:13px;
	}

#introduce_sec01 .selected span{
	color:#ee7e94;
	}

#introduce_sec02{
	padding:8px;
	margin:0px 0px 60px 0px;
	/* border */
	border:1px solid rgb(238, 126, 148);
	
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	/* box-shadow */
	box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	-moz-box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;

	}

#introduce_sec02 h2{
	margin:0px 0px 20px 0px;
	}

#introduce_sec02 p{
	line-height:1.5;
	}

#introduce_sec03{
	overflow:hidden;
	line-height:2.0;
	}
#introduce_sec03 h3{

	}

#introduce_sec03_right ul li:first-child{
	color:#ee7e94;
	font-size:20px;
	} 

/*https://css-tricks.com/useful-nth-child-recipies/*/
.cat_img{
	margin-bottom:100px;
	}
/*-----------------------------------------------*/


/*-------------------02 Photo----------------------*/
#photo_sec01{}

#photo_sec01 h2{
	font-weight:normal;
	margin-bottom:60px;
	font-size:13px;
	}

#photo_sec01 .selected span{
	color:#ee7e94;
	}

#photo_sec02{
	padding:8px;
	margin:0px 0px 60px 0px;
	/* border */
	border:1px solid rgb(238, 126, 148);
	
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	/* box-shadow */
	box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	-moz-box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;

	}

#photo_sec02 h2{
	margin:0px 0px 20px 0px;
	}

#photo_sec02 p{
	line-height:1.5;
	}

#photo_sec03{
	overflow:hidden;
	}
/*-----------------------------------------------*/


/*-------------------03 schedule----------------------*/
#schedule_sec01{}

#schedule_sec01 h2{
	font-weight:normal;
	margin-bottom:60px;
	font-size:13px;
	}

#schedule_sec01 .selected span{
	color:#ee7e94;
	}
#schedule_sec02{
	padding:8px;
	margin:0px 0px 60px 0px;
	/* border */
	border:1px solid rgb(238, 126, 148);
	
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	/* box-shadow */
	box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	-moz-box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;

	}

#schedule_sec02 h2{
	margin:0px 0px 20px 0px;
	}

#schedule_sec02 p{
	line-height:1.5;
	}
/*-----------------------------------------------*/
/*-------------------04 MAP----------------------*/
#map_sec01{}

#map_sec01 h2{
	font-weight:normal;
	margin-bottom:60px;
	font-size:13px;
	}

#map_sec01 .selected span{
	color:#ee7e94;
	}


#map_sec01{
	width:1000px;
	float:left;
	overflow:hidden;
	}
	
#map_sec02{
	font-size:14px;
	float:left;
	overflow:hidden;
	margin-bottom:30px;
	width:380px;
	padding:8px;
	/* border */
	border:1px solid rgb(238, 126, 148);
	
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	/* box-shadow */
	box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	-moz-box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
}

#map_sec02 dl{
	margin:10px 0;
	}
#map_sec02 dl dt{
	width:100px;
	float:left;
	overflow:hidden;
	}
#map_sec02 dl dd{

	}
#map_sec03{
	padding:10px;
	width:550px;
	float:right;
	overflow:hidden;
	/* border */
	border:1px solid rgb(238, 126, 148);
	
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	/* box-shadow */
	box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	-moz-box-shadow:rgba(204, 204, 204, 0.298039) 0px 4px 0px -1px;
	}

#map_sec03{}
#map_sec03 h2{
	margin-bottom:10px;
	}

#map_sec03 p img:first-child{
	padding-right:10px;
	}
	
#map-canvas{
	overflow:hidden;
	float:left;
	width:1000px;
	height:500px;
	}
/*-----------------------------------------------*/


/*-------------------sub05 inquiry----------------------*/
#sub_title_bg{
	width:100%;
	background:url(../cafe_img/bg_subimg.png) no-repeat center center;
	text-align:center;
	background-size:cover;
	height:150px;
	overflow:hidden;
	margin-bottom:60px;

	}

#inquiry_sec01{
	width:1000px;
	float:left;
	overflow:hidden;
	background-color:;
	}

#inquiry_sec01 .selected span{
	color:#ee7e94;
	}

#inquiry_sec01 h2{
	font-weight:normal;
	margin-bottom:60px;
	font-size:13px;
	}


form {
  width:100%;

}

form label span{
	color:#F00;
	vertical-align:text-bottom;	
	}


input, button, textarea, select{
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", YuGothic, 'メイリオ', "游ゴシック体", "Yu Gothic", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:0px;
	border-bottom:1px solid #ccc;
	font-size:20px;
	width:100%;
	min-height:30px;
	display:block;
	margin-bottom:15px;
	margin-top:5px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

}



input[type=submit] {
	background:#ee7e94;
	padding:10px;
	color:#fff;
	border:0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}



/*-----------------------------------------------*/