@charset "utf-8";

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

 INDEX
	
	----------------------------------------------------------------------------------------------------
 PC main

	----------------------------------------------------------------------------------------------------
 Media Queries
	----------------------------------------------------------------------------------------------------
 SP main
---------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------
 PC main
---------------------------------------------------------------------------------------------------- */
/* common */
#main-image{
	height:32px;
	background:url(../img/contents/about/main_image.jpg) no-repeat center top;
}
#about #main-image{
	height:550px;
	background:url(../img/contents/about/main_image.jpg) no-repeat center top;
}

/* top */
#top{
	background:url(../img/contents/top/bg_main_image.jpg) no-repeat center 132px;
}
#top-main-image{
	margin-top:-30px;
	overflow:hidden;
	width:100%;
	height:520px;
	position:relative;
	z-index:1;
}
#top-main-image #slide{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-530px;
	width:1060px;
	height:520px;
}
#top-main-image #slide ul{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	width:1060px;
	height:520px;
}
#top-main-image #slide ul li{
	margin:0;
	padding:0;
}
#top-main-image #slide ul li img{
	position:absolute;
	left:0;
	top:0;
}
#top-bnr{
	margin:0 0 32px;
	padding:0;
	list-style:none;
	width:100%;
}
#top-bnr img{vertical-align:top;}
#top-bnr li{
	margin:0 0 0 24px;
	padding:0;
	width:304px;
	float:left;
	display:inline;
}
#top-bnr li:first-child{
	margin:0;
}
#sp-top-bnr-w{display:none;}

.top-box{
	width:100%;
}
.top-box.bottom{
	margin-bottom:40px;
	padding-top:66px;
	background:url(../img/contents/top/icon_and.gif) no-repeat center 10px;
}
.top-box img{
	vertical-align:top;
}
.top-box-l{
	width:630px;
	float:left;
}
.top-box-r{
	width:304px;
	float:right;
	line-height:1.6;
}
.top-box-fb-mart{
	padding:20px 0 0 0;
	width:100%;
	height:616px;
	background:url(../img/contents/top/bg_fb_mart.jpg) no-repeat center top;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.top-box-fb-mart .fb-page{
	margin:0 auto;
	width:500px;
	text-align:left;
}
.top-box-fb-eat{
	padding:20px 0 0 0;
	width:100%;
	height:616px;
	background:url(../img/contents/top/bg_fb_eat.jpg) no-repeat center top;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.top-box-fb-eat .fb-page{
	margin:0 auto;
	width:284px;
	text-align:left;
}

.top-box-2{
	margin-bottom:30px;
	width:100%;
}
.top-box-2-i{
	width:300px;
}
.top-title-1{
	margin-bottom:10px;
}
.top-title-2{
	color:#630000;
	font-size:143%;
}
.top-title-3{
	margin-bottom:18px;
}
.cal-box .calendar.sp{display:none;}
.top-im-1{
	margin-bottom:22px;
	text-align:center;
}
.sp-bnr-tokushu{
	display:none;
}
.sp-text-bottom{display:hidden;}
.top-bnr-bottom{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	letter-spacing:-.40em;
	text-align:center;
}
.top-bnr-bottom img{vertical-align:top;}
.top-bnr-bottom li{
	margin:0 3px;
	padding:0;
	letter-spacing:normal;
	display:inline-block;
}
.top-gmap{
	padding:0 60px 60px;
}
.top-gmap iframe{vertical-align:top;}

/* about */
#abo-mi-1{
	margin-bottom:96px;
	padding-top:90px;
}
#abo-mi-2{
	margin-bottom:30px;
}
#abo-box-1{
	padding-bottom:70px;
	background-color:#FAF8F3;
	text-align:center;
}
#abo-box-1 .box-1-i{
	width:440px;
	position:relative;
}
#abo-box-1 .box-1-i h2{
	width:100%;
	text-align:center;
	position:absolute;
	top:-44px;
	left:0;
}
#abo-box-1 .box-1-i h3{
	margin-bottom:18px;
	padding-top:212px;
	text-align:center;
}
#abo-box-1 .box-1-i .btn{
	margin-top:30px;
	text-align:center;
}
#abo-box-2{
	padding:50px 0;
}
#abo-box-2 .text-1{
	margin-bottom:6px;
	color:#603813;
}
#abo-box-2 .box-l{
	width:470px;
	float:left;
}
#abo-box-2 h2{margin-bottom:24px;}
#abo-box-2 .ph{
	width:450px;
	float:right;
}
#abo-box-2 dt{
	font-weight:bold;
}
#abo-box-2 dd{
	margin-bottom:16px;
}

/* privacy */
#pri-box{
	padding:60px 0;
}
#pri-box h2{
	margin-bottom:60px;
	text-align:center;
}
#pri-box h3{
	color:#000;
	font-weight:normal;
}

/* toiawase */
#toi-box-1{
	padding:60px 0;
}
#toi-box-1 h2{
	margin-bottom:18px;
	text-align:center;
}
.toi-text-top{
	text-align:center;
}
.toi-list-1{
	margin:44px 0 0 0;
	padding:0;
	list-style:none;
	width:100%;
	letter-spacing:-.40em;
}
.toi-list-1 li{
	margin:0 0 0 30px;
	padding:0;
	width:450px;
	letter-spacing:normal;
	display:inline-block;
}
#toi-box-2{
	padding:40px 0;
	background-color:#F5F3F3;
}
#toi-box-2 h3{
	margin:20px;
	text-align:center;
}
#toi-box-2 .contents-box{
	overflow:hidden;
}
#toi-box-2 ul{
	margin:0;
	padding:0;
	list-style:none;
	width:970px;
}
#toi-box-2 ul li{
	margin:0 9px 8px 0;
	padding:0;
	float:left;
}

/* access */
#acc-box-1{
	padding:60px 0;
}
#acc-box-1 h2{
	margin-bottom:18px;
	text-align:center;
}
.acc-text-top{
	text-align:center;
}
#acc-box-1 .box-1{
	margin:40px 0;
	width:100%;
}
#acc-box-1 .box-1 .ph{
	width:162px;
	float:left;
}
#acc-box-1 .box-1 .box-r{
	width:770px;
	float:right;
}
#acc-box-1 .box-1 h3{
	font-size:114%;
}
#acc-box-1 .box-1 dl{
	width:100%;
}
#acc-box-1 .box-1 dt{
	float:left;
	width:76px;
}
#acc-box-1 .box-1 dd{
	margin-left:78px;
}
.acc-text-1{
	margin:10px 0 30px;
	padding:20px 0;
	background-color:#F5F2E9;
	text-align:center;
}
.acc-box-2{
	width:100%;
}
.acc-box-2-i{
	width:50%;
	float:left;
}
.acc-box-2-i .im{
	float:left;
	width:150px;
}
.acc-box-2-i-r{
	margin-left:158px;
}
.acc-box-2-i-r h3{
	margin-bottom:20px;
	padding-top:10px;
}
.acc-box-shuppatu{
	width:90%;
}
.acc-box-shuppatu p{
	float:left;
	width:90px;
}
.acc-box-shuppatu ul{
	margin:0 0 0 100px;
	padding:0;
	list-style:none;
	letter-spacing:-.40em;
}
.acc-box-shuppatu ul li{
	margin:0 14px 6px 0;
	padding:0;
	letter-spacing:normal;
	display:inline-block;
}
.acc-gmap{
	padding:0 60px;
}
.acc-gmap iframe{vertical-align:top;}
.pc-acc-title-1{display:block;}
.sp-acc-title-1{display:none;}


/* ----------------------------------------------------------------------------------------------------
 Media Queries
---------------------------------------------------------------------------------------------------- */
@-ms-viewport{
	width:device-width;
}

@viewport{
	width:device-width;
}


@media screen and (max-width: 480px) {
	/* ブラウザの幅が480px以下のときの指定 */

	/* ----------------------------------------------------------------------------------------------------
		PC main
	---------------------------------------------------------------------------------------------------- */
	/* common */
	#about #main-image{
		height:250px;
		background:url(../img/contents/about/main_image.jpg) no-repeat center top;
		-webkit-background-size:auto 250px;
		-moz-background-size:auto 250px;
		-ms-background-size:auto 250px;
		-o-background-size:auto 250px;
		background-size:auto 250px;
	}

	/* top */
	#top{
		background:none;
	}
	#top #contents{
		padding-top:30px;
		background:url(../img/sp/contents/top/main_image.jpg) no-repeat center top;
		-webkit-background-size:375px auto;
		-moz-background-size:375px auto;
		-ms-background-size:375px auto;
		-o-background-size:375px auto;
		background-size:375px auto;
	}
	#top-main-image{display:none;}
	#top-bnr{display:none;}
	#sp-top-bnr-w{
		margin-bottom:30px;
		display:block;
		position:relative;
		width:100%;
		height:340px
	}
	.caroufredsel_wrapper{height:340px !important;}
	#sp-top-bnr{
		margin:0 auto;
		width:300px;
		overflow:hidden;
	}
	#sp-top-bnr ul{
		margin:0;
		padding:0;
		list-style:none;
		width:100%;
		height:340px;
	}
	#sp-top-bnr ul li{
		margin:0;
		padding:0;
		float:left;
	}
	#sp-top-btn-l{
		position:absolute;
		top:196px;
		left:0;
	}
	#sp-top-btn-r{
		position:absolute;
		top:196px;
		right:0;
	}
	.top-box{
		margin:0 10px;
		width:auto;
	}
	.top-box.bottom{
		margin-bottom:20px;
		padding-top:30px;
		background:none;
	}
	.top-box-l{
		margin-bottom:20px;
		width:100%;
		float:none;
	}
	.top-box-r{
		width:100%;
		float:none;
	}
	.top-box-2{
		margin-bottom:30px;
		width:100%;
	}
	.top-box-2-i{
		margin-bottom:30px;
		width:100%;
	}
	.top-box-2-i.fl,
	.top-box-2-i.fr{
		float:none;
	}
	.top-title-2{
		color:#630000;
		font-size:143%;
	}
	.top-box-fb-mart{
		padding:0;
		width:100%;
		height:auto;
		background:none;
		text-align:left;
		margin-bottom:20px;
	}
	.top-box-fb-mart .fb-page{
		width:100%;
	}
	.top-box-fb-eat{
		padding:0;
		width:100%;
		height:auto;
		background:none;
		text-align:left;
		margin-bottom:20px;
	}
	.top-box-fb-eat .fb-page{
		width:100%;
	}
	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget iframe[style]{
					width: 100% !important;
	}

	.top-title-3{
		margin-bottom:18px;
	}
	.top-title-3.mart{
		width:286px;
		height:66px;
		background:url(../img/sp/contents/top/top_title_fc_mart.gif) no-repeat left top;
		-webkit-background-size:285px 66px;
		-moz-background-size:285px 66px;
		-ms-background-size:285px 66px;
		-o-background-size:285px 66px;
		background-size:285px 66px;
	}
	.top-title-3.mart img{visibility:hidden;}
	.top-title-3.eat{
		width:286px;
		height:38px;
		background:url(../img/sp/contents/top/top_title_fc_eat.gif) no-repeat left top;
		-webkit-background-size:285px 38px;
		-moz-background-size:285px 38px;
		-ms-background-size:285px 38px;
		-o-background-size:285px 38px;
		background-size:285px 38px;
	}
	.top-title-3.eat img{visibility:hidden;}
	.top-im-1{
		margin-bottom:10px;
		text-align:center;
	}
	.cal-box{padding:0 10px;}
	.cal-box .calendar iframe{
		vertical-align:top;
		height:232px !important;
	}
	.cal-box .calendar.pc{display:none;}
	.cal-box .calendar.sp{display:block;}
	.bnr-tokushu{display:none;}
	.sp-bnr-tokushu{
		margin-bottom:20px;
		display:block;
		padding:0 10px;
		text-align:center;
	}
	.sp-text-bottom{
		display:block;
		width:100%;
		height:35px;
		background:url(../img/sp/contents/top/top_text_1.gif) no-repeat center top;
		-webkit-background-size:246px 35px;
		-moz-background-size:246px 35px;
		-ms-background-size:246px 35px;
		-o-background-size:246px 35px;
		background-size:246px 35px;
	}
	.sp-text-bottom img{visibility:hidden;}
	.top-bnr-bottom{
		margin:0;
		padding:0;
		list-style:none;
		width:100%;
		letter-spacing:-.40em;
		text-align:center;
	}
	.top-bnr-bottom img{width:auto;height:42px;vertical-align:top;}
	.top-bnr-bottom li{
		margin:0 2px 10px;
		padding:0;
		letter-spacing:normal;
		display:inline-block;
	}
	.top-gmap{
		padding:0 10px 60px;
	}
	.top-gmap iframe{vertical-align:top;}

	/* about */
	#abo-mi-1{
		margin-bottom:30px;
		padding-top:30px;
	}
	#abo-mi-1 img{width:200px;height:auto;}
	#abo-mi-2{
		margin-bottom:20px;
		padding:0 20px;
	}
	#abo-mi-3{
		padding:0 10px;
	}
	#abo-box-1{
		padding:20px 0;
	}
	#abo-box-1 .box-1-i.fl,
	#abo-box-1 .box-1-i.fr{
		float:none;
	}
	#abo-box-1 .box-1-i{
		margin-bottom:30px;
		width:100%;
		position:relative;
	}
	#abo-box-1 .box-1-i h2{
		margin-bottom:10px;
		width:auto;
		padding:0 20px;
		text-align:center;
		position:static;
		top:0;
		left:0;
	}
	#abo-box-1 .box-1-i h3{
		margin-bottom:10px;
		padding-top:0;
	}
	#abo-box-1 .box-1-i .btn{
		padding:0 20px;
		margin-top:20px;
		text-align:center;
	}
	#abo-box-2{
		padding:20px 0;
	}
	#abo-box-2 .text-1{
		margin-bottom:6px;
		color:#603813;
	}
	#abo-box-2 .box-l{
		width:100%;
		float:none;
	}
	#abo-box-2 h2{margin-bottom:10px;}
	#abo-box-2 .ph{
		width:100%;
		float:none;
	}
	
	/* privacy */
	#pri-box{
		padding:20px 0 0 0;
	}
	#pri-box h2{
		margin-bottom:20px;
		padding:0 20px;
		text-align:center;
	}
	#pri-box h2 img{height:34px;width:auto;}

	/* toiawase */
	#toi-box-1{
		padding:20px 0;
	}
	#toi-box-1 h2{
		margin-bottom:18px;
		padding:0 20px;
		text-align:center;
	}
	#toi-box-1 h2 img{height:34px;width:auto;}
	.toi-text-top{
		text-align:left;
	}
	.toi-list-1{
		margin:20px 0 0 0;
		padding:0;
		list-style:none;
		width:100%;
	}
	.toi-list-1 li{
		margin:0 0 10px;
		padding:0;
		width:100%;
		display:block;
	}
	#toi-box-2{
		padding:20px 0;
	}
	#toi-box-2 h3{
		margin:0 0 10px;
		text-align:center;
	}
	#toi-box-2 ul{
		width:100%;
		letter-spacing:-.40em;
		text-align:center;
	}
	#toi-box-2 ul li{
		margin:0 2px 4px;
		padding:0;
		float:none;
		width:140px;
		letter-spacing:normal;
		display:inline-block;
	}

	/* access */
	#acc-box-1{
		padding:20px 0;
	}
	#acc-box-1 h2{
		margin-bottom:18px;
		text-align:center;
	}
	#acc-box-1 h2 img{height:34px;width:auto;}
	.acc-text-top{
		text-align:left;
	}
	#acc-box-1 .box-1{
		margin:20px 0;
		width:100%;
	}
	#acc-box-1 .box-1 .ph{
		margin-bottom:10px;
		width:100%;
		float:none;
	}
	#acc-box-1 .box-1 .ph img{width:100%;height:auto;}
	#acc-box-1 .box-1 .box-r{
		margin-left:0;
		width:auto;
		float:none;
	}
	#acc-box-1 .box-1 h3{
		font-size:114%;
	}
	#acc-box-1 .box-1 dl{
		margin-top:10px;
		width:100%;
	}
	#acc-box-1 .box-1 dt{
		float:none;
		width:auto;
	}
	#acc-box-1 .box-1 dd{
		margin-left:0;
	}
	#acc-box-1 .box-1 dd span{display:block;}
	.acc-text-1{
		margin:10px 0 20px;
		padding:10px;
		text-align:center;
		font-size:10px;
	}
	.acc-box-2{
		width:100%;
	}
	.acc-box-2-i{
		margin:0 0 20px;
		width:100%;
		float:none;
	}
	.acc-box-2-i .im{
		float:none;
		width:60px;
		margin-bottom:10px;
	}
	.acc-box-2-i-r{
		margin-left:0;
		position:relative;
	}
	.acc-box-2-i-r h3{
		margin-bottom:0;
		padding-top:0;
		position:absolute;
		top:-50px;
		left:70px;
		width:200px;
	}
	.acc-box-shuppatu{
		border:1px #DFD5B7 solid;
		width:100%;
		padding:12px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
		box-sizing:border-box;
	}
	.acc-box-shuppatu p{
		margin:0 0 10px;
		float:none;
		width:100%;
	}
	.acc-box-shuppatu ul{
		margin:0;
		padding:0;
		list-style:none;
		letter-spacing:-.40em;
	}
	.acc-box-shuppatu ul li{
		margin:0 14px 6px 0;
		padding:0;
		letter-spacing:normal;
		display:inline-block;
	}
	.acc-gmap{
		padding:0 10px;
	}
	.acc-gmap iframe{height:200px;vertical-align:top;}
 .pc-acc-title-1{display:none;}
 .sp-acc-title-1{display:block;color:#321B00;font-weight:bold;}

}