/**********************************************************************　福田屋　*******************************************************************************/

body { margin: 0 0 0 0;} /* 白ふちのないデザイン */
.sp ,
.sitemap a.sp
{display: none;}
span.spkaig { display: none; }

body#reservation section ,
body#info section
{ padding-top: 100px }

/**********************************************************************　大枠デザイン　*******************************************************************************/


/***** 　　　　　左右1366で縛るかどうか？ 　　　　　　*****/ 

@media screen and (min-width: 1366px) 
{

}

/**********************************************************************　デザイン　*******************************************************************************/

#fkdy .fukudayaH1 { left: 5%;top: 22% ;width: 20%; }
#fkdy.index .fukudayaH1 { left: 7%;top: 38% ;width: 28%;max-width: 320px }
.index .yamateH1 { left: 5%;top: 25% ;width: 26%; }


.h1box { left: 0;top: 0 ;width: 100%; text-align: left; }
body.propage .h1box { font-size: 1.2em;line-height: 1.6em;position: absolute; z-index: 3; color: #fff;letter-spacing: 0.15em; }
body.propage .h1box p { font-size: 0.7em ;padding-left:0 }

a.heya-bt   { margin: 0 0 0 0 }
a.heya-bt img  { border: solid 1px rgba(255,255,255,0.6); height: 20px; width: auto ;padding: 5px; margin: 0 5px 0 0 }
a.heya-bt.hit img  { border: solid 1px rgba(189,63,63,1.0) }

a.fkdy-bt  { border: solid 1px rgba(255,255,255,0.6); padding: 6px 30px 36px 6px; margin: 0 5px 5px 0;color: #fff ;font-size: 0.9em;line-height: 0.9em;letter-spacing: 0.1em ;opacity: 0.6; font-weight: 100 }
a.fkdy-bt  {  background-image: url(../img/header/img_01.jpg);background-repeat: no-repeat;background-position: 0 0 ;text-align: left;background-size: 100%; auto }
a.fkdy-bt.hit, a.fkdy-bt:hover
{ opacity: 1.0 }

a.fkdy-bt#f_bath  {  background-image: url(../img/header/img_02.jpg); }
a.fkdy-bt#f_cuisine  {  background-image: url(../img/header/img_03.jpg); }
a.fkdy-bt#f_facilities  {  background-image: url(../img/header/img_04.jpg); }
a.fkdy-bt#f_company  {  background-image: url(../img/header/img_05.jpg); }
a.fkdy-bt#f_access  {  background-image: url(../img/header/img_06.jpg); }
a.fkdy-bt#f_product  {  background-image: url(../img/header/img_07.jpg); }

#acc  { padding: 50px 0 }

/**********************************************************************　画像サイズの調整　*******************************************************************************/

.p-wide-90p { width: 90%;margin-right: 10% }
.p-wide-80p { width: 80%;margin-right: 20% }
.p-wide-70p { width: 70%;margin-right: 30% }

.zu img { width: 70% ; height: auto ; padding: 0 15% }

/**********************************************************************　背景写真ボックス　*******************************************************************************/


/**********************************************************************　タイポグラフィー　*******************************************************************************/

span.kaig {text-align: center;display: block;}
.copy { text-align: justify; padding: 0 10% }

/**********************************************************************　フォントサイズ　*************************************************************************/

h1 .h1like { font-size: 2.2em;line-height: 1.2em ; letter-spacing: 0.15em }
h2 ,.h2like { font-size: 1.7em;line-height: 1.7em } .h2like.eng { font-size: 2.0em;line-height: 1.4em }

h3 ,.h3like { font-size: 1.5em;line-height: 1.5em }
h4 ,.h4like { font-size: 1.1em;line-height: 1.4em }

h1.markfhead, h2.markfhead, h3.markfhead, h4.markfhead { font-size: 1.3em;line-height: 1.7em }

.sitemap a { font-size: 0.7em;line-height: 1.5em }


div.anch { font-size:0.8em }

/**********************************************************************　サイズの調整　*******************************************************************************/

/*.txt { margin-left: 7%; margin-right: 7% }*/
/**/
.h2box  { padding: 50px 0 0 0; }
.h3box  { padding: 50px 0 0 0; }

.lft { width: 50% ; float: left;  }.rgt { width: 50% ;float: right ; }/*background-color: #ff0000 */
body#fkdy header .lft { width: 30%  } body#fkdy header .rgt { width: 70% }

.scn-box .lft, .scn-rgt .lft, .thd-box .lft, .thd-box .rgt
{ width: 50% ;}
.lft .honbun { width: 95%;padding-right: 5% }
.rgt .honbun { width: 95%;padding-left: 5%  }

.sandan .lft,.sandan .rgt { width: 32% }
.sandan .lft { margin-right:  1.3% }
.sandan .rgt .honbun { padding-left: 0%  }

.rokuyon .lft { width: 65% ;  }
.rokuyon .rgt { width: 34.5% }

.nanasan .lft { width: 68% }
.nanasan .rgt { width: 28% }

.ph-copy.hlf { width: 40% }

/***********************************************************************　固定ヘッダー　******************************************************************************/

header .lft { padding-left: 0px }
header .rgt { padding-top: 30px }
body#fkdy header .rgt { padding-top: 0 }

body#info header .rgt,
body#reservation header .rgt,
body#access header .rgt
{ padding-top: 0 }

body#info header .rgt a,
body#reservation header .rgt a,
body#access header .rgt a
{ color: #fff ; border: solid 1px rgba(255,255,255,0.6) ;padding: 8px 16px ; font-size: 0.8em ; line-height: 1.0em ; }


/************************* 　ロゴ　***************************/

.logoh img  { height: 40px ; width: auto ; vertical-align: top ; padding: 15px 3px 0 20px}
.logoh img.fukudaya  { height: 45px ; width: auto ;padding: 0 0 0 15px }

.logoh img.yamate  { height: 50px ; width: auto ;padding: 15px 0 0 0 }

.logofk { left: 20px ; bottom: 20px ; width: 20% ; }

.logoh a  { opacity: 0.5 }
.logoh a.hit, .logoh a:hover  { opacity: 1 }

.logom img { width: 10% }
body#heya .logom img { width: 7% }
body.y_nabedanran .logom img { width: 25% ;margin-left: 3% ; margin-right: 72%; }
body.y_kunpu .logom img { width: 25% ;margin-left: 3% ; margin-right: 72%; }
body.y_sakurabashi .logom  { top: 25% ; }
body.y_sakurabashi .logom img { width: 25% ;margin-left: 72% ; margin-right: 3%; }
body.y_ricky .logom img { width: 16% ;margin-left: 2% ; margin-right: 82%; }

.logom
{ left: 0px ; bottom: 60px ; width: 100% ; margin-left: auto ; margin-right: auto;text-align: center; }

body.index#ytc .logom  { top: 65% ; left: 5% ; width: 20% ;margin: 0 ; padding: 0 }
body.index#ytc .logom img { width: 100% ; height: auto }

body.index#fkdy .logom  { top: 5% ; left: 1% ; width: 32% ;margin: 0 ; padding: 0 }
body.index#fkdy .logom img { width: 100% ; height: auto }

.logos { top: 50px ; bottom: 0px ; width: 100% ; margin: 0 auto 20px ; text-align: center }
.logos img  { width: 8% ; height: auto; }
.logoss img { width: 50% ; height: auto; }

.logof img { width:20% ; height: auto; max-width: 200px }

.ban img{ width:40% ; height: auto; max-width: 300px ; padding-top: 30px }

/***********************************************************************　フッター　******************************************************************************/

.footbox {  }
.sitemap { display: block;padding: 0 0 0 22.5%;height:35px;background-color: #7b7267; }
.sns img { width: 40px ; height: auto ; margin: 10px 5px 0;  }
.sitemap a {
	width: 16.5%;height: 25px;padding: 10px 0 0 0;margin: 0 0; 
	border-right: 1px solid #ccc;
	color: #fff;
	display: block;
	float: left;
}
.sitemap a.ft01 {
	border-left: 1px solid #ccc;
}

/**************************************************************　スライドショー　******************************************************************/

body.propage#furo h1 { width: 50% ; top: 10% ; right: 10% ;text-align: right } 
body.propage#heya h1 { width: 50% ; top: 40% ; left: 10% ; } 
body.propage#ryouri h1 { width: 50% ; top: 30px ;right: 10% ;text-align: right } 
body.propage#kannai h1 { width: 70% ; top: 40% ; left: 15% ; } 


.swiper-pagination{ height: 30px; position: absolute;left: 0;bottom: 0 }


/******************************************************************************* 　マルチ　 *********************************************************************************/

/**　　　　　左右２列　　　　　　　**/

.lft{float: left;width: 50%;}
.rgt{float: right;width: 50%;}

.facibox .lft{width: 40%;padding-left: 7.5%}
.facibox .rgt{width: 40%;padding-right: 7.5%}

/**********************************************************************  商品一覧  *******************************************************************************/
/*
.card.card01, .card.card02
{
width: 21.5%;
margin: 1% 1% ;
}
*/
.w-faci-fl { width: 80%;margin-left:13.4% }

.card img { width: 100%;height: auto; }

.card.card03 { width: 25%; margin: 0 8% 0 0 }
.card.card03 h3 { font-size: 1.2em;}

.card.card04 { width: 20%; margin: 0 5% 0 0 }
.card.card04.lft { float: left }
.card.card04.rgt { float: right }
.card.card04 a { min-height: 100px }

.card.card04 a img{ width: 100%;height: auto; padding-bottom: 0; }
.card.card04 span { width: 71%;float: right;text-align: left; }
.card.card04 span.cardp { width: 26%;float: left; }
.card.card04 img{ padding-bottom: 0; }
.card.card06 { width: 14.2%; margin: 1% 0.7% ; }


/**********************************************************************  説明など *******************************************************************************/

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

/******************　背景写真付　********************/
@media screen and (min-width: 900px) 
{
}

/**********************************************************************  エフェクト  *******************************************************************************/

/**　　　　　左右２列　　　　　　　**//*@import url(effects.css);*//*　その他は　エフェクト参照*/

.logoban img { width: 60% ; height: auto; }

.zoom-b {  }
.zoom-box:last-child { padding-bottom: 5%; }
.zoom-box::after { content: ''; clear: both; display: block; }
.zoom-box div {
	position: relative;
	width: 47%;
	height: auto;
	padding: 0;
}

.zoom-box.mojisoto:last-child { padding-bottom: 2.0%; }

/**　　　　　左右３列　　　　　　　**/

.zoom-box.sandan div {width: 30%;}
.zoom-box div.zb-lft { float: left; }
.zoom-box div.zb-rgt { float: right; }
.zoom-box.sandan div.zb-lft { margin-right: 4.4% }

.zoom-box.yondan div {width: 18.7%; margin: 10px 2.3%}
.zoom-box.nanadan div {width: 10.0%; margin: 10px 1.5%}

.zoom-box div:first-child { margin-left: 0; }
.zoom-box div span {
	position: absolute;
	text-align: left;
	top: 3%;
	left: 5%;
	z-index: 1;
	display: block;
	margin: 0;
	padding: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 1;
	width: 40%
}

.zoom-box.fdz div span {
	width: 25%
}

.zoom-box figure:hover+a span {
	left: 5%;
	opacity: 1;
}


/* 1. 背景写真がズームインするボタン */

.hover01 figure img {
	width: 100%;
	height: auto;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.hover01 figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/**********************************************************************  アンカー  *******************************************************************************/

div.anch { clear: both;float: none;display:block;height: 20px;padding: 50px 0 0 0 }
div.anch a { display:block;float: left ;padding: 10px 0 }
div.anch a.anch-up { display:block;float: right; }

ul.tblike.nidan li.thbox{ border-top: 1px solid #CCCCCC; }

.kazai { width: 16%; padding: 0 2% ;margin: 20px 0 }

p.codebtn,
.bribt a
{ width: 50%;height: 40px;padding: 10px 0 0 0;margin: 0 auto; }


/**********************************************************************　テーブルのようなリスト　*******************************************************************************/


ul.tblike.pref li.thbox{width: 20%;}
ul.tblike.pref li.tdbox{width: 10%;}
ul.tblike.pref li.thbox.brn{height: 50px;}
ul.tblike.pref li.tdbox{width: 79%;text-align: left;padding-left: 1%}
ul.tblike.pref li.tdbox.brn{width: 9%;text-align: left;padding-left: 1%;height: 50px}
ul.tblike.pref li.tdbox.add{width: 69%;text-align: left;padding-left: 1%}

ul.tblike.nidan li.tdbox{width: 50%;}

ul.tblike.nidan li.bono{border-bottom: 0px solid #ffffff;}
ul.tblike li.end{float: none;clear: left;border-bottom: 1px solid #CCCCCC;}

ul.tblike li.end.bono{float: none;clear: left;border-bottom: 0px solid #CCCCCC;}


/************************* info ***************************/

dl.toiawase dt ,dl.toiawase dd { float: left;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCCCCC;padding: 0 0 0 0;margin: 0 0 30px 0;height: 50px }
dl.toiawase dt.bikou ,dl.toiawase dd.bikou { height: 140px }
dl.toiawase dt.clear-box ,dl.toiawase dd.clear-box { float: none; clear: both ;width: 100%  }

dl.toiawase dt{ width: 25% }
dl.toiawase dd{ width: 74% }

dl.toiawase dd input.meru{ width: 60% !important; }
dl.toiawase dd input.nama{ width: 40% !important; }
dl.toiawase dd input.pos{ width: 30% !important; }
dl.toiawase dd input.add{ width: 80% !important; }
dl.toiawase dd textarea.you{ width: 90% !important; }
dl.toiawase dd textarea.you{ height: 100px !important; }


/**********************************************************************　サイズ調整　*******************************************************************************/

/*---------------------　パソコン用　---------------------*/

.w-wide { width: 90%;margin-left:10% }

.w-wide-fl { width: 85%;margin-left:10%;margin-right:5% }

.w-70p-fl { width: 77.5%;margin-left:14.5%;margin-right:0% }
.w-70p-fl h2 { margin-left:.5%; }

.pt-ss { padding-top: 5px }.pb-ss { padding-bottom: 5px }
.pt-s { padding-top: 10px }.pb-s { padding-bottom: 10px }
.pt-m { padding-top: 20px }.pb-m { padding-bottom: 20px }
.pt-l { padding-top: 30px }.pb-l { padding-bottom: 30px }
.pt-ll { padding-top: 50px }.pb-ll { padding-bottom: 50px }

.mt-ss { margin-top: 5px }.mb-ss { margin-bottom: 5px }
.mt-s { margin-top: 10px }.mb-s { margin-bottom: 10px }
.mt-m { margin-top: 20px }.mb-m { margin-bottom: 20px }
.mt-l { margin-top: 30px }.mb-l { margin-bottom: 30px }
.mt-ll { margin-top: 50px }.mb-ll { margin-bottom: 50px }

.pr-s { padding-right: 10px }.pl-s { padding-left: 10px }
.pr-m { padding-right: 20px }.pl-m { padding-left: 20px }
.pr-l { padding-right: 30px }.pl-l { padding-left: 30px }
.pr-ll { padding-right: 40px }.pl-ll { padding-left: 40px }

.w-15p{ width: 15%;margin-left:42.5% }
.w-20p{ width: 20%;margin-left:40% }
.w-40p{ width: 40%;margin-left:30% }
.w-50p{ width: 50%;margin-left:25% }
.w-70p{ width: 70%;margin-left:15% }
.w-80p{ width: 80%;margin-left:10% }
.w-90p{ width: 90%;margin-left:5% }
.w-95p{ width: 95%;margin-left:2.5% ; }
.w-100p{ width: 100%;margin-left:0% ; }

.lft-s {left: 5%}
.tp-s {top: 10%}

.lft-tp { top: 20px ; left: 25px }
.lft-btm { bottom: 20px ; left: 25px }
.swiper-slide .lft-tp { top: 90px ; left: 25px }
.swiper-slide .lft-btm { bottom: 20px ; left: 25px }
.swiper-slide .rgt-btm { bottom: 20px ; right: 25px }

.rgt-tp { top: 20px ; right: 25px }
.heya-box .rgt-tp { top: 30px ; right: 0px }

#fkdy p.reservation.mini.detail
{ width: 20% ; margin: 20px 0 20px 38% ; } 


/*---------------------　WP　---------------------*/

body.index #feed { max-width: 700px ; margin: 0 auto }

body#wp {
	padding: 150px 0 0 0;
}

.site-content 
{
padding: 0 8%;
text-align: left
}

.site-main {
margin-left: 5% ; margin-right: 5%;
margin-bottom: 3.5em;
}

.content-area {
		float: left;
		margin-right: -100%;
		width: 70%;
}

.sidebar {
		float: left;
		margin-left: 75%;
		padding: 0;
		width: 25%;
}

body#wp h2 {
padding: 20px 0 10px 0 ;
}