@charset "utf-8";
  
.inner:after {
	  content: "";
	  clear: both;
	  display: block;
}
  

/*
=========================================
  top page contents
=========================================
*/
.greetings{
	background:url(../img/logo_bg2.png) no-repeat right,url(../img/logo_bg.png) no-repeat left;
	padding:4rem 0 7rem;
}
#kakegawa .greetings{
	background:url(../img/logo_bg2.png) no-repeat right;
}
.greetings h2{
	color:#d76b00;
	text-align:center;
	font-size:170%;
}
.greetings p{
	text-align:center;
}	

.owner{
	background:#fff;
	box-shadow:25px 25px 0px 0 rgb(231, 223, 217);
	overflow:hidden;
}
.owner h2{
	font-size:260%;
}
.owner img{
	float:right;
	width:21%;
	margin:3%;
}
.owner .txt{
	padding:0.6rem 5% 2rem 5%;
	float:left;
	width:63%;
}
@media screen and (max-width: 990px) {
.greetings,
#kakegawa .greetings{
	padding:4rem 20% 7rem 20%;
	background-size:18%;
}	
}
@media screen and (max-width: 768px) {
.greetings h2{
	font-size:140%;
}
.greetings,
#kakegawa .greetings{
	background:none;
	padding:1rem 0 3rem;
}
.owner{
	width:97%;
	box-shadow:15px 15px 0px 0 rgb(231, 223, 217);
}
.owner img{
	display:none;
}	  
.owner .txt{
	width:90%;	  
}
}


/*
=========================================
  共通
=========================================
*/
.title{
	background:#e9dfcf;
	padding:1rem;
}
.title h2{
	font-size:180%;
	letter-spacing:0.2rem;
	margin:0;
}

.acsess{
	margin-top:5rem;
}

.acsess h2{
	text-align:center;
}


@media screen and (max-width: 650px) {
.title{
	padding:0.5rem;
}
.acsess {
    margin-top: 3rem;
}
}


.main_img{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
@media screen and (max-width: 650px) {
.main_img .sp{
	width:100%;
}
}

#reservation h2{
	position:absolute;
	top:-50px;
	width:100%;
	text-align:center;
}
#reservation{
	margin:5rem 0 7rem;
	position:relative;
	width:100%;
	height:0;
	padding-top:100%;
}
#reservation iframe{
    position:absolute;
    top:70px;
    left:0;
    width:100%;
    height:100%;
}
@media screen and (max-width: 650px) {
#reservation{
    height:600px;
}
#reservation iframe{
    height:1000px;
}
}
@media screen and (max-width: 400px) {
#reservation{
    height:800px;
}
}

/*
=========================================
  fukuroi
=========================================
*/

#fukuroi .greetings{
	background:none;
	padding: 3rem 0;
}

#fukuroi .info,
#fukuroi .menu{
	background:#fff;
}
#fukuroi .info h2{
	font-size:220%;
	padding:0.5rem 2rem;
	border-bottom:1px solid #e6d9c4;	
}
#fukuroi .info h2 span{
	display:inline;
	font-size:50%;
}
#fukuroi .info .txt{
	padding: 1rem 3rem;
	overflow:hidden;
}
#fukuroi .info dl{
	overflow:hidden;
	padding-bottom:1rem;
}
#fukuroi .info dt{
	width:15%;
	min-width:100px;
	font-weight:bold;
	float:left;
}
#fukuroi .info dd{
	margin-left:15%;
}
#fukuroi .menu{
	margin-top:5rem;
	position:relative;
}
#fukuroi .menu h2{
	position:absolute;
	top:-50px;
	width:100%;
	text-align:center;
}
#fukuroi .menu .txt{
	padding: 4rem 2rem 2rem;
	overflow:hidden;
}
#fukuroi .menu dl{
	border:1px solid #e6d9c4;
	overflow:hidden;
	width:47%;
	margin:1.3%;
	float:left;
	min-height:200px;
}
#fukuroi .menu dt{
	border-bottom:1px solid #e6d9c4;
	background:#f7f1e7;
	font-size:120%;
	font-weight:bold;
	padding:1rem 10% 0.8rem;
}
#fukuroi .menu dd{
	padding:1rem 10%;
	line-height:1.8;
	min-height:90px;
}
#fukuroi .menu dd.price{
	border-top:1px solid #e6d9c4;
	min-height:200px;
	font-size:120%;
}
#fukuroi .menu dd span{
	font-size:85%;
}
#fukuroi .menu p{
	clear:both;
	text-align:right;
	font-size:90%;
}
#fukuroi .staff{
	background:#ece3d3;
	margin-top:5rem;
	position:relative;
}
#fukuroi .staff h2{
	position:absolute;
	top:-50px;
	width:100%;
	text-align:center;
}
#fukuroi .staff .txt{
	padding: 4rem 2rem 2rem;
	overflow:hidden;
}
#fukuroi .staff dl{
	width:23%;
	padding:1%;
	float:left;
}
#fukuroi .staff dt{
	font-size:120%;
	text-align:center;
	padding:0.5rem;
}
#fukuroi .staff dd{
	text-align:center;
}







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

#fukuroi .info dt{
	width:90px;
}
#fukuroi .info dd{
	margin-left:90px;
}
#fukuroi .info .txt{
	padding: 0.5rem 2rem;
}
#fukuroi .info dt{
	width:100%;
}
#fukuroi .info dd{
	margin-left:0;
}
#fukuroi .menu .txt{
	padding: 2rem 1.5rem 1.5rem 1.5rem;
	overflow:hidden;
}

#fukuroi .menu dl{
	width:100%;
	min-height:auto;
	margin: 1.5rem 0 0 0;
}
#fukuroi .menu dt{
	font-size: 100%;
}
#fukuroi .menu dd,
#fukuroi .menu dd.price{
	min-height:auto;
}
#fukuroi .menu p{
	padding-top:1rem;
	text-align:left;
}

#fukuroi .staff .txt{
	padding: 2.5rem 1.5rem 1.5rem;
}
#fukuroi .staff dl{
	width:40%;
	padding:2% 5%;
}


}




/*
=========================================
  kakegawa
=========================================
*/

#kakegawa .greetings{
	background:none;
	padding: 3rem 0;
}

#kakegawa .info,
#kakegawa .menu{
	background:#fff;
}
#kakegawa .info h2{
	font-size:220%;
	padding:0.5rem 2rem;
	border-bottom:1px solid #e6d9c4;	
}
#kakegawa .info h2 span{
	display:inline;
	font-size:50%;
}
#kakegawa .info .txt{
	padding: 1rem 3rem;
	overflow:hidden;
}
#kakegawa .info dl{
	overflow:hidden;
	padding-bottom:1rem;
}
#kakegawa .info dt{
	width:15%;
	min-width:100px;
	font-weight:bold;
	float:left;
}
#kakegawa .info dd{
	margin-left:15%;
}
#kakegawa .menu{
	margin-top:5rem;
	position:relative;
}
#kakegawa .menu h2{
	position:absolute;
	top:-50px;
	width:100%;
	text-align:center;
}
#kakegawa .menu .txt{
	padding: 4rem 2rem 2rem;
	overflow:hidden;
}
#kakegawa .menu dl{
	border:1px solid #e6d9c4;
	overflow:hidden;
	width:47%;
	margin:1.3%;
	float:left;
	min-height:200px;
}
#kakegawa .menu dt{
	border-bottom:1px solid #e6d9c4;
	background:#f7f1e7;
	font-size:120%;
	font-weight:bold;
	padding:1rem 10% 0.8rem;
}
#kakegawa .menu dd{
	padding:1rem 10%;
	line-height:1.8;
	min-height:90px;
}
#kakegawa .menu dd.price{
	border-top:1px solid #e6d9c4;
	min-height:200px;
	font-size:120%;
}
#kakegawa .menu dd span{
	font-size:85%;
}
#kakegawa .menu p{
	clear:both;
	text-align:right;
	font-size:90%;
}
#kakegawa .staff{
	background:#ece3d3;
	margin-top:5rem;
	position:relative;
}
#kakegawa .staff h2,
#kakegawa .reservation h2{
	position:absolute;
	top:-50px;
	width:100%;
	text-align:center;
}
#kakegawa .staff .txt{
	padding: 4rem 2rem 2rem;
	overflow:hidden;
}
#kakegawa .staff dl{
	width:23%;
	padding:1%;
	float:left;
}
#kakegawa .staff dt{
	font-size:120%;
	text-align:center;
	padding:0.5rem;
}
#kakegawa .staff dd{
	text-align:center;
}







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

#kakegawa .info dt{
	width:90px;
}
#kakegawa .info dd{
	margin-left:90px;
}
#kakegawa .info .txt{
	padding: 0.5rem 2rem;
}
#kakegawa .info dt{
	width:100%;
}
#kakegawa .info dd{
	margin-left:0;
}
#kakegawa .menu .txt{
	padding: 2rem 1.5rem 1.5rem 1.5rem;
	overflow:hidden;
}

#kakegawa .menu dl{
	width:100%;
	min-height:auto;
	margin: 1.5rem 0 0 0;
}
#kakegawa .menu dt{
	font-size: 100%;
}
#kakegawa .menu dd,
#kakegawa .menu dd.price{
	min-height:auto;
}
#kakegawa .menu p{
	padding-top:1rem;
	text-align:left;
}

#kakegawa .staff .txt{
	padding: 2.5rem 1.5rem 1.5rem;
}
#kakegawa .staff dl{
	width:40%;
	padding:2% 5%;
}


}


/*
=========================================
  contact
=========================================
*/


#contact .contact_us{
	background:#fff;
	margin-top:6rem;
	position:relative;
}
#contact .contact_us h2{
	position:absolute;
	top:-60px;
	width:100%;
	text-align:center;
	padding:0.5rem 0 1rem;
	border-bottom:1px solid #e6d9c4;	
}

#contact .contact_us .txt{
	padding: 8rem 3rem 2rem;
	overflow:hidden;
}
#contact .contact_us dl{
	overflow:hidden;
	padding:0.5rem 0;
}
#contact .contact_us dt{
	width:20%;
	float:left;
}
#contact .contact_us dd{
	margin-left:21%;
}

#contact input,
#contact textarea{
	background:#f7f1e7;
	border-bottom:0;
	border-right:0;
	border-left:1px solid #ede4d5;
	border-top:1px solid #ede4d5;
	padding:5px;
}
#contact .submit{
	text-align:center;
	padding-bottom:3rem;
}
#contact .submit input{
	background:#5a3918;
	color:#fff;
	padding:1rem 2rem;
	cursor: pointer;
}
#contact .submit input:hover{
	background:#745231;
}

#contact textarea{
	width:95% !important;
	min-height:100px;
}

@media screen and (max-width: 650px) {
	
#contact .contact_us{
	margin-top:4rem;
}

#contact .contact_us .txt{
	padding: 4rem 1.5rem 1.5rem 1.5rem;
}

#contact .contact_us dl{
	width:100%;
	margin: 0;
}
#contact .contact_us dt{
	width:100%;
	float:none;
}
#contact .contact_us dd{
	width:100%;
	margin-top:0.5rem;
	margin-left:0;
}
}


 
 
 /*
=========================================
  company
=========================================
*/
 
#company .info{
	background:#fff;
	margin-top:6rem;
	position:relative;
}
#company .info h2{
	position:absolute;
	top:-60px;
	width:100%;
	text-align:center;
	padding:0.5rem 0 1rem;
	border-bottom:1px solid #e6d9c4;	
}
 

#company .info .txt{
	padding: 7rem 3rem 1rem;
	overflow:hidden;
}
#company .info dl{
	overflow:hidden;
	padding-bottom:1rem;
}
#company .info dt{
	width:15%;
	min-width:100px;
	font-weight:bold;
	float:left;
}
#company .info dd{
	margin-left:15%;
}
 
@media screen and (max-width: 650px) {
	
#company .info{
	margin-top:4rem;
}

#company .info .txt{
	padding: 5rem 1.5rem 1rem;
}
#company .info dl{
	width:100%;
	margin: 0;
}
#company .info dt{
	width:100%;
	float:none;
}
#company .info dd{
	width:100%;
	margin-top:0.5rem;
	margin-left:0;
}

}
 
 /*
=========================================
  recruit
=========================================
*/ 
 
#recruit_txt .info{
	margin-top:5rem;
	position:relative;
	background:#fff;
}
#recruit_txt .info h2{
	position:absolute;
	top:-50px;
	width:100%;
	text-align:center;
}
#recruit_txt .info .txt{
	padding: 4rem 2rem 2rem;
	overflow:hidden;
}
#recruit_txt .info .txt div{
	border:1px solid #e6d9c4;
	width:100%;
	margin-top:1rem;
}
#recruit_txt .info .txt div h3{
	border-bottom:1px solid #e6d9c4;
	background:#f7f1e7;
	font-size:120%;
	font-weight:bold;
	padding: 1rem 3rem 0.8rem;
}
#recruit_txt .info dl{
	overflow:hidden;
	padding:0.5rem 3rem 1.5rem;
}
#recruit_txt .info dt{
	width:15%;
	min-width:100px;
	font-weight:bold;
	float:left;
	margin-top:1rem
}
#recruit_txt .info dd{
	margin-left:15%;
	margin-top:1rem
}
#recruit_txt .info dd span{
	padding-top:10px;
	display:block;
	font-size:80%;
	line-height:2;
}
 
 
@media screen and (max-width: 650px) {

#recruit_txt .info .txt div h3{
	padding: 1rem 2rem 0.8rem;
}
#recruit_txt .info .txt{
	padding: 2rem 1.5rem 1.5rem 1.5rem;
	overflow:hidden;
}

#recruit_txt .info dl{
	padding:0.5rem 2rem 1.5rem;
	margin: 0;
}
#recruit_txt .info dt{
	width:100%;
	float:none;
}
#recruit_txt .info dd{
	width:100%;
	margin-top:0.5rem;
	margin-left:0;
}

}

 
 /*
=========================================
  serect type
=========================================
*/ 

#select .contact_us{
	background:#fff;
	margin-top:6rem;
	position:relative;
}
#select .contact_us h2{
	position:absolute;
	top:-60px;
	width:100%;
	text-align:center;
	padding:0.5rem 0 1rem;
	border-bottom:1px solid #e6d9c4;	
}



#online_page{
	overflow:hidden;
	padding:10em 0;
}
#online_page div{
	background:#af8356;
}
#online_page div:hover{
	opacity:0.7;
	transition: 0.5s;
}
#online_page div a{
	color:#fff;
	padding:1em 0 15px 0;
	display:block;
	font-size:18px;
}
#online_page div a strong{
	display:block;
	border-bottom:1px solid #fff;
	padding-bottom:5px;
	margin-bottom:5px;
}
#online_page div .min{
	max-width:150px;
	width:100%;
	float:left;
	margin-right:30px;
}
#online_page div a img{
	display:block;
	margin-top:10px;
}
#online_page .left{
	width:48%;
	float:left;
}
#online_page .right{
	width:48%;
	float:right;
}

@media screen and (max-width:1000px) {
#online_page .left,
#online_page .right{
	width:80%;
	margin:3em 10% 0 10%;
	float:none;
	overflow:hidden;
}
}

@media screen and (max-width:600px) {
#online_page{
	padding:5em 0;
}
	
#online_page .left,
#online_page .right{
	width:92%;
	margin:3em 4% 0 4%;

}
}
@media screen and (max-width:480px) {
#online_page{
	padding:1.5em 0;
}
#online_page div .min{
	max-width:110px;
	margin-right:20px;
}
#online_page div a{
	padding:1em 0 15px 0;
	font-size:15px;
}
#online_page div a strong{
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}
#online_page div a img{
	margin-top:0;
}
}