@charset "utf-8";

/*---------------------------------PC---------------------------------------*/
header{
	width: 100%;
	margin: 0 auto 0;
	position: relative;
	padding: 0;
	z-index:2;
	background:#FFF;
	-moz-box-shadow: 0 2px 5px #05091C;
	-webkit-box-shadow: 0 2px 5px #05091C;
	box-shadow: 0 2px 5px #05091C;
}

header div.headerLogoArea {
	padding: 0 0 0 0;
	height:95px;
	width: 100%;
	max-width:1000px;
	margin: 0 auto 0;
	position: relative;
	z-index: 1;
}

@media only screen and  (max-width: 1200px) {
header div.headerLogoArea {
	padding: 0 0 0 0;
	margin: 0 auto 0;
	width: 100%;
	max-width:1000px;
}
}

div.headerLogoArea p.headerLogo{
    width:305px;
	height:61px;
	float: left;
	margin-top:17px;
	margin-left:10px;
	 }

div.headerLogoArea p.headerLogo img{
	width:305px;
	height:61px;
}
	 
@media screen and (max-width: 800px) {
div.h_text{display:none;}
}

div.h_text h1.headerCopy{
	margin: 5px 0 0 10px;
	font-size: 110%;
}

@media only screen and  (max-width: 1200px) {
div.h_text h1.headerCopy{
	font-size: 90%;
}
}


div.h_shop{
	width:270px;
	float: right;
	margin: 12px 5px;
	font-size:13px;
	overflow: hidden;
}

div.h_shop p{
	line-height:1.2;
}

div.h_shop .shop_info{
	width		: 100%;
	margin		: 0;
	padding     : 5px 0 0 0;
	}

div.h_shop .shop_con{
	font-size   : 11px;
	padding     : 3px 5px 2px 5px;
	background	: #5BBDEE;
	color:#FFF;
	text-align	: center;
	float:left;
	}

div.h_shop .shop_time{
	margin-left : 5px;
	font-size   : 14px;
	color: #3698C9;
	float:left;
	padding-top:2px;
	}

div.h_shop .frc{
	vertical-align: top;
	margin-right: 7px;
	padding-top:7px;
}

div.h_shop .res{
	vertical-align: top;
	margin-left: 10px;
	padding-top:0;
}

div.h_shop .call{
	clear:both;
	font-size : 25px;
	font-weight:bold;
	color: #FC6F6F;
	font-family: 'Century Gothic';
	}

div.headerLogoArea:before,
div.headerLogoArea:after {content:"";display:table;}
div.headerLogoArea:after {clear:both;}
div.headerLogoArea {zoom:1;}


header p.tbMenuBtn {
	background: none;
	z-index: 1;
}

p.tbMenuBtn.active span:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height: 60px;
	box-shadow:inset 0 1px 5px rgba(0,0,0,.5);
}

header div.gnavTbspWrapper {
	max-width: 100%;
	margin: 0 auto 0;
	background: -moz-linear-gradient(top,#00B7F7 0%,#0877BF);/* Firefox�p */
    background: -webkit-gradient(linear, left top, left bottom, from(#00B7F7), to(#0877BF));/* Safari,Google Chrome�p */ 
	background: linear-gradient(to bottom, #00B7F7, #0877BF);/* IE10+, W3C */
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#00B7F7, endcolorstr=#0877BF));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#00B7F7, endcolorstr=#0877BF))";
	zoom: 1;
	}

header div.gnavTbspWrapper ul{
	width:100%;
	max-width: 1000px;
	margin: 0 auto;
}

@media only screen and  (max-width: 1200px) {
header div.gnavTbspWrapper ul{
	max-width: 1000px;
}
}

header nav.gnavTbsp ul li{
	text-align: center;
}

header div.gnavTbspWrapper {
	position: relative;
	z-index: 1;
}

header p.tbMenuBtn {
	background: none;
	z-index: 1;
}


header nav{
	position: relative;
	margin: 0 auto 0;
	z-index: 10;
}

header nav ul{
	border-left:1px solid #05436B;
}

header nav ul li{
	display: table;
	float: left;
	width: 164px;
	overflow: hidden;
	line-height: 1.4;
	text-shadow: 1px 1px 2px #05436B;
	border-right:1px solid #05436B;
}

header nav ul li a{
	display: block;
	padding: 20px 6.3% 18px 6.3%;
	*padding: 0 0 0 12.5%;
	color: #ffffff;
	text-decoration: none;
	vertical-align: middle;
}

header nav ul li a:hover{
	text-decoration: none;
	color: #ffffff;
	background: #05436B;
}

header nav ul li a.sched {
	background:#42AF1C;
}

header nav ul li a.sched:hover{
	text-decoration: none;
	color: #ffffff;
	background: #384479;
}


header nav ul:before,
header nav ul:after {content:"";display:table;}
header nav ul:after {clear:both;}
header nav ul {zoom:1;}


header nav ul li .la{
	font-size:13px;
	font-weight:bold;
	letter-spacing:0.05em;
	
}

@media only screen and  (max-width: 1200px) {
header nav ul li .la{
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	
}
}

header nav ul li .sm{
	font-size:10px;
	font-family: "Times New Roman";
	letter-spacing:0.1em;
}

@media only screen and  (max-width: 1200px) {
header nav ul li .sm{
	letter-spacing:0.05em;
}
}

.pcHide{display: none;}


/*-----------------------------------フローティングバナー----------------------*/

div.h_shop{display:block;}

.book_bnr {
	width: 100%;
}

.book_bnr img {
	width: 100%;
}

.ann_pc {
	display: block;
}

.ann_sp {
	display: none;
}

@media screen and (max-width: 560px) { /* スマホ用のブレイクポイントを指定 */
	
.floating-banner {
  position: fixed; /* バナーを追従させる */
  z-index: 99999; /* 他の要素の下に隠れないように */
  bottom: 85px; /* バナーの上下の位置 */
  right: 10px; /* バナーの左右の位置 */
}
.floating-banner__image {
  max-width: 100%; /* 画像の最大幅 */
}
	
  .floating-banner {
    display: block;/* 消していたバナーを表示させる */
    width: 30vw; /* スマホの画面幅いっぱいにバナーを表示 */
  }
	
.ann_pc {
	display: none;
}

.ann_sp {
	display: block;
}
	
}

/*---------------------------------�^�u���b�g---------------------------------------*/

@media screen and (max-width: 800px) {
header{
	-moz-box-shadow: 0 2px 2px #05091C;
	-webkit-box-shadow: 0 2px 2px #05091C;
	box-shadow: 0 2px 2px #05091C;
	position: relative;
}

div.h_text{display:none;}
/*div.h_shop{display:none;}*/
div.headerCopy{display:none;}
div.catch{display:none;}
div.shop_info{display:none;}
div.call{display:none;}

header div.headerLogoArea {
	padding: 0 0 0 0;
	height:90px;
	width: 100%;
	max-width:800px;
	margin: 0 auto 0;
	position: relative;
	z-index: 1;
}

div.headerLogoArea p.headerLogo{
	padding-top:5px;
	margin-bottom:0px;
	margin-left:20px;
	 }

	 
header div.headerLogoArea { padding: 0 0 0 0; }
header div.headerLogoArea p.headerLogo { margin-top:13px;margin-left:20px;float: left; }
	 
header div.gnavTbspWrapper {
	background: #fff;
	position: absolute;
	z-index: 100;
}

div.gnavTbspWrapper{
	position: absolute;
	top: 90px;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 2px 2px 0 #b3b2b1 inset,0 2px 2px 0 #555;
	-moz-box-shadow: 0 2px 2px 0 #b3b2b1 inset,0 2px 2px 0 #555;
	-ms-box-shadow: 0 2px 2px 0 #b3b2b1 inset,0 2px 2px 0 #555;
	-webkit-box-shadow: 0 2px 2px 0 #b3b2b1 inset,0 2px 2px 0 #555;
	z-index: 100;
}

div.gnavTbspWrapper.contentsShow{display: block;}

div.gnavTbspWrapper.contentsHide{display: none;}

nav.gnavTbsp{margin: 20px 50px 20px 50px;}

header nav.gnavTbsp ul li{
	width: 33.1%;
	border-bottom: 1px solid #fff;
	text-align: left;
}

header div.localNavArea {
	margin-top:20px;
	width: 100%;
	z-index: 1;
}

header div.localNavArea div.localNavBg { background: none; }
header nav.localNav ul { margin: 0 9px 0 10px; }
header nav.localNav li,
header nav.localNav li.ttl { width: 33.33%; }
header nav.localNav li a,
header nav.localNav li.ttl span { margin-bottom: 1px; }

p.tbMenuBtn{
	position: absolute;
	top: 15px;
	right: 15px;
	margin: 0;
}

p.tbMenuBtn.active span:after { height: 60px; }
p.tbMenuBtn.active img {
	height: 60px;
	width: 60px;
}

header nav ul{background-color: #fff;}

header nav ul{
	border-left:none;
}

header nav ul li{
	border-right:none;
	text-shadow: none;
	
}

header nav ul li a{
	display: block;
	padding: 18px 6.3% 18px 6.3%;
	*padding: 0 0 0 12.5%;
	color: #ffffff;
	text-decoration: none;
	vertical-align: middle;
	background-color: #0070BB;
	margin-right: 1px;font-weight:normal;
}

header nav ul li a:hover{
	text-decoration: none;
	background-color: #384479;
}

header nav ul li a.sched {
	background:#42AF1C;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

header nav ul li .la{
	font-size:13px;
	font-weight:normal;
	letter-spacing:0em;
	
}

header nav ul li .sm{
	font-size:100%;
	letter-spacing:0em;
}

.pcHide{display: block;}

.tbHide{display: none;}

}

/*---------------------------------�X�}�z---------------------------------------*/

@media screen and (max-width: 568px) {
header{
	-moz-box-shadow: 0 2px 2px #05091C;
	-webkit-box-shadow: 0 2px 2px #05091C;
	box-shadow: 0 2px 2px #05091C;
}

header div.headerLogoArea {
	padding: 0 0 0 0;
	height:80px;
	width: 100%;
	max-width:568px;
	margin: 0 auto 0;
	position: relative;
	z-index: 1;
}

div.headerLogoArea p.headerLogo{
    width:229px;
	 height:46px;
	 margin-top:10px!important;
	 margin-bottom:0px;
	 margin-left:10px!important;
	 padding-top:7px;
	 }

div.headerLogoArea p.headerLogo img{
	width:229px;
	 height:46px;
	 }
	 
header nav.localNav li, header nav.localNav li.ttl { width: 50%; }

header nav.gnavTbsp ul li{
	text-align: left;
}

header div.localNavArea {
	position: relative;
	margin-top: 15px;
	width: 100%;
	z-index: 1;
}

p.tbMenuBtn{
	position: absolute;
	top: 10px;
	right: 8px;
}

p.tbMenuBtn.active span:after { height: 60px; }
p.tbMenuBtn.active img {
	height: 60px;
	width: 60px;
}

div.gnavTbspWrapper{
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 2px 2px 0 #b3b2b1 inset,0 2px 2px 0 #555;
	-moz-box-shadow: 0 2px 2px 0 #b3b2b1 inset,0 2px 2px 0 #555;
	-ms-box-shadow: 0 2px 2px 0 #b3b2b1 inset,0 2px 2px 0 #555;
	-webkit-box-shadow: 0 2px 2px 0 #b3b2b1 inset,0 2px 2px 0 #555;
	z-index: 300;
}
nav.gnavTbsp{margin: 15px 10px 15px 15px;}

header nav.gnavTbsp ul li{width: 49.6%;}

header nav ul{
	border-left:none;
}

header nav ul li{
	border-right:none;
}

header nav ul li .sm{
	font-size:100%;
	letter-spacing:0em;
}

.pcHide{display: block;}

.spHide{display: none;}
}