@charset "utf-8";


/*メイン*/
#main{
    width:100%;
    background : url('../img/IMG_0451.JPG') top center no-repeat;
    background-size: cover;/*
	background: #41AB00;*/
    color: #fff;
    padding: 20px 0;
}
#main figure{
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

/*概要*/
.outline{
    width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
	background: #41AB00;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.description{
	max-width: 510px;
	margin: 0 auto;
	text-align: left;
}


/*サービス内容*/
.service {
	padding: 5% 0;
	background: url(../img/bg_self_drink.jpg) bottom center no-repeat;
    background-size: contain;
}
.service h1{
	text-align:center;
	font-size: 260%;
	letter-spacing: 0.3em;
}
.service h1 span {
    font-size: 50%;
    letter-spacing: 0.3em;
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
    display: block;
    padding: 1% 0;
    width: 30%;
    margin: 0 auto 1%;
}
.service_box figure{
    margin: 0 auto;
	text-align: center;
}
.service_box img{
	border-radius: 4px;
}
.service_box h2 {
	text-align: center;
	color: #0F5A84;
	margin-top:0 !important;
}
.service_box .price {
	padding:1rem;
	border-radius:3px;
	border:1px dotted;
	background:#f6f6f6;
}
.service_box .price h3 {
	text-align:center;
    font-size: 14px;
	font-weight:bold;
	border-radius:3px;
	color: #0F5A84;
	background:#DDEEFF;
	padding:0.5rem 0;
	margin-top:0px !important;
}
.service_box .price p {
	margin: 0 auto;
	font-weight: bold;
}
/*フード*/
.food {
	background: url(../img/bg_self_menu_190215.png) top center no-repeat;
    background-size: contain;
    padding: 8% 0 20%;
	background-position: 3%;
}
.food h1{
	text-align: center;
    font-size: 260%;
    letter-spacing: 0.3em;
}
.food h1 span {
    font-size: 50%;
    letter-spacing: 0.3em;
    border-bottom: 1px dotted #000;
    border-top: 1px dotted #000;
    display: block;
    padding: 1% 0;
    width: 30%;
    margin: 0 auto 1%;
}
.food .btn{
	border-radius: 30px;
    background: #ff3828;
    color: #fff;
    text-align: center;
    padding: 2%;
    width: 40%;
    font-size: 120%;
}
/* 店舗情報 */
#shop .btn{
	background: #41ab00;
}
@media (min-width: 992px){
	.service_box img{
		width: 100%;
		height: 290px;
	}
}
@media (max-width: 991px){
	.food h1,.service h1{
		font-size: 200%;
	}
	.food h1 span,
	.service h1 span{
		font-size: 50%;
		letter-spacing: 0.3em;
		border-bottom: 1px dotted #000;
		border-top: 1px dotted #000;
		display: block;
		padding: 1% 0;
		width: 80%;
		margin: 0 auto 1%;
	}
	.service_box img{
		width: 100%;
	}
	.service {
		background: none;
	}
	.food .btn{
		border-radius: 30px;
		background: #ff3828;
		color: #fff;
		text-align: center;
		padding: 2%;
		width: 80%;
		font-size: 120%;
	}
	.food {
		background: url(../img/bg_self_menu_190215.png) top center no-repeat;
		background-size: contain;
		padding: 0 0 20%;
		background-position: bottom;
		border-top:1px dotted #1B1B1B;
	}
}