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


#wrapper {
	width:100%;
	margin: 0 auto;
	overflow: hidden;
}



/*　コンテンツ幅 */
section{
	width:1000px;
	margin:35px auto 0;
	position: relative;
	overflow: hidden;
	padding-top:65px;
}

@media screen and (max-width: 1024px){

		section{width:700px;}
	
}

@media screen and (max-width: 766px){
	
		section{width:100%;}
}

/*　見出しイメージ */
#sp{display:none;}

h2{
	height:200px;
	background:url(../img/h2.jpg) no-repeat;
}

@media screen and (max-width: 1024px){

		h2{background-position:center;}
}

@media screen and (max-width: 766px){

		#sp{
			display:block;
			height:40px;
			background:#ffe2dd;
			margin-bottom:50px;
		}
		
		h2{
			width:335px;
			height:134px;
			background:url(../img/SP_h2.jpg) no-repeat;
			margin:50px auto;
		}
}

/*==================ここから中身===============================*/

/*=.SP_box{display:none;}*/
#L_box{
	margin:50px 30px 100px 0;
	width:770px;
	overflow:hidden;
	float:left;
}

#L_box main {
	background:url(../img/main.jpg) bottom no-repeat;
	width:770px;
	height:480px;
	margin:0 auto;
	display:block;
	border-width:0px;
}
		
#L_box h3 {
	width:100%;
	height:30px;
	margin-bottom:40px;
	background:url(../img/title1.png) no-repeat;
}

.info {
	width:100%;
	height:355px;
	margin:35px 0 100px;
}

.info .text1 {
	background:url(../img/address.jpg) no-repeat;
	overflow:hidden;	
}

.info .text2 {
	background:url(../img/tell.jpg) no-repeat;
	overflow:hidden;	
}

.info .text3 {
	background:url(../img/time.jpg) no-repeat;
	overflow:hidden;	
}

.info .text4 {
	background:url(../img/access.jpg) no-repeat;
	overflow:hidden;
}

.text5 {
	overflow:hidden;
	width:770px;
	height:21px;
	margin-left:0;
	padding-bottom:7px;
	border-bottom:dotted 2px #ffa7a7;
}

.text5 > p{
	width:124px;
	height:21px;
	background:url(../img/bland.png) no-repeat;
	margin-left:20px;
}

.text6 {
	background:url(../img/staff.png) no-repeat;
	overflow:hidden;
	width:155px;
	height:20px;
	margin-bottom:7px;
}



.info .store {
	height:355px;
	width:268px;
	float:left;
}

.info .store li p {
	font-size:14px;
	margin:35px 18px 18px;
	line-height:24px;
}

.info #map-canvas {/*-----------マップ------------------*/
	float:right;
	width:470px;
	height:355px;
}

h4 {
	margin-left:20px;
}

#bra{
	margin-top:40px;
	margin-bottom:90px;
	height:auto;
	background:#ffe8e8;
	padding:25px;
	overflow:hidden;
}

#bra  > ul > li{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

#bra > ul > li.none{margin-right:0;}

#bra > ul > li:hover{opacity:0.5;}

#sp_bra{ display:none;}

.comment {
	width:770px;
	overflow:hidden;
	padding-top:30px;
	border-top:dotted 2px #ffa7a7;
	position:relative;
}

.comment .c_talk p {
	width:580px;
	overflow:hidden;
	font-size:14px;
	line-height:25px;
	position:absolute;
	top:40px;
	left:95px;
}

.comment .right {
	position:absolute;
	background:url(../img/waku_r.png);
	width:30px;
	height:305px;
	right:0;
	top:30px;
}

.comment .left {
	background:url(../img/waku_l.png) no-repeat;
	width]:30px;
	height:305px;
}

.comment span {
	background:url(../img/flower.png);
	width:182px;
	height:201px;
	position:absolute;
	bottom:0;
	right:25px;
	z-index:-10;
}



@media screen and (max-width: 1024px){
		#L_box{
			width:700px;
			float:none;
			margin-left:auto;
			margin-bottom:90px;
		}
		
		#L_box main {
			width:700px;
			background-position:center;
		}


		.n_1{
			width:700px;
			background-position:center;
		}
		
		div.n_1 > ul{margin:70px 40px 0;}
	
		
		div.n_1 > ul > li{margin-right:10px;}
		
		.n_2{	width:700px;}
	
	
		#con2 > div {background:url(../img/con21024.jpg) no-repeat;}
		
		table.type01 {width:700px;}
		
		.info #map-canvas {/*-----------マップ------------------*/
			width:400px;
			height:350px;
		}
		
		#bra{
			height:auto;
			padding:7px;
		}
		
		#bra > ul > li{
			transform:scale(0.96);
			margin-right:4px;
			margin-bottom:7px;
		}

		
		.comment {
			width:700px;
		}
		
		.comment .c_talk p {
			width:580px;
			overflow:hidden;
			line-height:25px;
			position:absolute;
			left:65px;
		}
		
		.comment .right {
			position:absolute;
			right:0;
			top:30px;
		}
		
		.comment span {
			display:none;
			position:absolute
			bottom:0;
			right:25px;
}
		
}


@media screen and (max-width: 766px){/*------------------------------SPサイト記述------------------------------*/

		#L_box{
			margin:0 auto;
			width:100%;
			overflow:hidden;
		}
		
		#L_box h3 {
			background:url(../img/sp_title1.png) #ff7886  center no-repeat;
			width: 100%;
			overflow: hidden;
			padding: 25px 0;
			margin:0 0 35px;
		}
		
		#L_box main {
			background:url(../img/sp_main.jpg) bottom no-repeat;
			width:640px;
			overflow:hidden
		}
		
		.info {
			width:600px;
			height:1000px;
			margin:35px auto 100px;
			padding-bottom:;
			
		}
		
		.info li {
			overflow:hidden;
			padding:20px 0 45px;
		}
		
		.info .text1 {
			background:url(../img/sp_address.png) no-repeat;
		}
		
		.info .text2 {
			background:url(../img/sp_tell.png) no-repeat;
		}
		
		.info .text3 {
			background:url(../img/sp_time.png) no-repeat;
		}
		
		.info .text4 {
			background:url(../img/sp_access.png) no-repeat;
		}
		
		.text5 {
			background:#ffe9e7;
			height:80px;
			width: 100%;
			vertical-align:middle;
			margin-left:0;
			border-bottom:none;

		}
		
		.text5 p{
			background:url(../img/sp_bland.png)no-repeat;
			width: 183px;
			height:32px;
			padding-top:20px;
			margin:23px 0 0 30px;
			line-height:25px;
			padding-bottom:0;

		}
		
		.text6 {
			background:#ffe9e7;
			height:80px;
			width: 100%;
			vertical-align:middle;
			margin-left:0;
		}
		
		.text6 p{
			background:url(../img/sp_staff.png) no-repeat;
			width:266px;
			height:31px;
			margin:23px 0 0 30px;

		}
		
		
		
		.info .store {
			height:670px;
			width:600px;
			margin: 0 auto;
		}
		
		.info .store li p {
			font-size:24px;
			margin:35px 0 18px;
			line-height:36px;
		}
		
		.info #map-canvas {/*-----------マップ------------------*/
			width:100%;
			height:355px;
		}
		
		h4 {
			margin-left:20px;
		}
		
		#bra{ display:none;}
		
		#sp_bra{ display:block;}
		
		#sp_bra{
			width:100%;
			margin-top:50px;
			margin-bottom:100px;
			overflow:hidden;
		}
		
		#sp_bra > ul > li{
			height:116px;
			line-height:116px;
			text-align:center;
			border-top:2px solid #ffe2dd;
			border-bottom:2px solid #ffe2dd;
			margin-top: -2px;
		}
		
		#sp_bra > ul > li.top{ margin-top:0;}
		
		#sp_bra > ul > li > a > img{ transform:scale(0.9);}
		
		#sp_bra dt{
			display:block;
			width:100%;
			height:85px;
			line-height:85px;
			text-align:center;
			margin:0 auto;
			padding-top:0;
			cursor:pointer;
			background:#ffe2dd;
			overflow:hidden;
		}
		
		#sp_bra dt > p{
			width:41px;
			height:85px;
			margin:0 auto;
			background:url(../img/acMenu.png) no-repeat;
			background-position:center;
		}

		#sp_bra dd{
			width:100%;
			display:none;
		}

		#sp_bra dd > ul > li{
			height:116px;
			line-height:116px;
			text-align:center;
			border-top:2px solid #ffe2dd;
			border-bottom:2px solid #ffe2dd;
			margin-top: -2px;

		}
		
		#sp_bra dd > ul > li > a > img{ transform:scale(0.9);}
		
		.comment {
			width:100%;
			overflow:hidden;
			padding-top:30px;
			border-top:none;
		}
		
		.c_box {
			width:600px;
			overflow:hidden;
			margin:0 auto;
		}
		
		.comment .c_talk p {
			font-size:24px;
			line-height:40px;
			width:100%;
			top:0;
			left:0;
			position:static;
		}

		.comment .right {
			display:none;
		}
		
		.comment .left {
			display:none;
		}
		
		.comment span {
			display:none;
		}
	
}